<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web &#8211; Digital Artisans</title>
	<atom:link href="https://digitalartisans.id/portfolio_entries/web/feed/" rel="self" type="application/rss+xml" />
	<link>https://digitalartisans.id</link>
	<description></description>
	<lastBuildDate>Thu, 30 Jul 2020 02:16:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=4.9.26</generator>

<image>
	<url>https://digitalartisans.id/wp-content/uploads/2018/01/cropped-logo-dart-square-32x32.png</url>
	<title>Web &#8211; Digital Artisans</title>
	<link>https://digitalartisans.id</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Wijaya Musik</title>
		<link>https://digitalartisans.id/portfolio/wijaya-musik/</link>
		<pubDate>Sun, 02 Jun 2019 15:44:21 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5358</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/wijaya-musik/">Wijaya Musik</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_668578750b4286-67817275" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2019/05/bg-1.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578750ec1e8-33740703" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578750ec1e8-33740703{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578750ec1e8-33740703{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578750ed2f6-63678063" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Wijaya Musik Indonesia</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1093" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/06/obj.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/obj.png 1093w, https://digitalartisans.id/wp-content/uploads/2019/06/obj-300x211.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/obj-768x540.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/obj-1024x720.png 1024w" sizes="(max-width: 1093px) 100vw, 1093px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578750fe391-03921710" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875101024-30183311" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_6685787510677" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">April 2019</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875108182-68269069" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_66857875108ce" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">PT Wijaya Musik Indonesia</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787510a778-76062213" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_6685787510b26" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787510c382-05687784" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787510e565-95388013" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787510e565-95388013{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787510e565-95388013{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787510f2f1-36729017" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Wijaya Musik</span></span>
</h2>


<div id="cl_text_6685787510ff9" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Wijaya Musik is a family-owned business since 1927, supplying musical instruments to all over Indonesia. It is head-quartered in Jakarta and has four retail outlets branded as “Wijaya Musik”.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787511be90-19702202" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2019/05/mck_wijaya-music2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/mck_wijaya-music2.png 1200w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_wijaya-music2-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_wijaya-music2-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_wijaya-music2-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875123d75-55603720" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875123d75-55603720{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875123d75-55603720{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578751247f4-96892986" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787512522" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Wijaya Musik is to create a catalogue system that can help them display their products to the customers. Registered customers can also do a booking through the catalogue, whether by themselves, or with help of the marketing team. The catalog includes integration with the external sales and accounting system, to provide single click item synchronization.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875125f26-23108209" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_5 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="6499" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1-63x300.png 63w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1-768x3654.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1-215x1024.png 215w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2024" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2-202x300.png 202w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2-768x1138.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2-691x1024.png 691w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="925" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3-300x203.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3-768x520.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3-1024x693.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1202" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4-300x264.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4-768x676.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4-1024x901.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-4.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1234" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12-300x271.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12-768x694.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12-1024x925.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-12.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1394" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13-294x300.png 294w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13-768x784.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13-1003x1024.png 1003w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-13.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1234" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14-300x271.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14-768x694.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14-1024x925.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-14.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1730" src="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15-237x300.png 237w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15-768x973.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15-809x1024.png 809w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787512ea28-30193006" href="https://digitalartisans.id/wp-content/uploads/2019/06/wijayamusik-ss-15.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875161d32-32943072" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875163dc9-71628531" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578751648c" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-6685787516b9e animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/wijaya-musik/">Wijaya Musik</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Telkom Magic Solution</title>
		<link>https://digitalartisans.id/portfolio/telkom-magic-solution/</link>
		<pubDate>Sun, 02 Jun 2019 15:27:39 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5357</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/telkom-magic-solution/">Telkom Magic Solution</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_668578753d4fe8-99358014" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2019/05/bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753dd2f3-43713442" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578753dd2f3-43713442{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578753dd2f3-43713442{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578753dde06-73962524" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Telkom Magic Solution</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1093" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/05/obj-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/obj-1.png 1093w, https://digitalartisans.id/wp-content/uploads/2019/05/obj-1-300x211.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/obj-1-768x540.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/obj-1-1024x720.png 1024w" sizes="(max-width: 1093px) 100vw, 1093px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578753e4d41-33707613" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753e6366-09361470" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_668578753e6d2" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">April 2019</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753e8285-79233196" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_668578753e8a4" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">PT Telkom Witel Denpasar</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753e99c5-21450183" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_668578753ea10" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578753eab42-79417540" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753ebd15-24165676" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578753ebd15-24165676{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578753ebd15-24165676{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578753ec5e3-24641827" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Magic Solution</span></span>
</h2>


<div id="cl_text_668578753ece2" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Telkom Magic Solution is a system used by the Help Desk division in Telkom to manage their GPON related work. There are some main functionality in the system which is Searching Unconfig ONT by GPON or location, OLT Data Conversion to table, and many more</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578753ef7f7-01258638" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2019/05/mck_telkom-magic1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/mck_telkom-magic1.png 1200w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_telkom-magic1-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_telkom-magic1-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/mck_telkom-magic1-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578753f7ea6-61324578" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578753f7ea6-61324578{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578753f7ea6-61324578{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578753f8877-68724797" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">How it works</span>
</h2>


<div id="cl_text_668578753f922" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Telkom Magic Solution works mainly by abstracting any manual works done by using command line terminal into GUI based web application. So instead of manually typing the command into terminal through SSH and Telnet connection, this solution automate that process based on user needs. This reduces possibility to run a wrong command to the physical devices installed in the field.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578753f9f11-99392367" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="809" src="https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard-300x178.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard-768x455.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard-1024x606.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/1dashboard.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="657" src="https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig-300x144.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig-768x369.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig-1024x493.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/2unconfig.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="657" src="https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult-300x144.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult-768x369.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult-1024x493.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/3unconfigresult.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="657" src="https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed-300x144.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed-768x369.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed-1024x493.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/4unconfigresultfailed.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="792" src="https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion-300x174.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion-768x445.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion-1024x594.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/5oltconversion.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="880" src="https://digitalartisans.id/wp-content/uploads/2019/05/6links.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/6links.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/6links-300x193.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/6links-768x495.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/6links-1024x660.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/6links.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="677" src="https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager-300x149.png 300w, https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager-768x381.png 768w, https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager-1024x508.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578753fb238-64110456" href="https://digitalartisans.id/wp-content/uploads/2019/05/7filemanager.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578754218e3-83192075" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875422e77-77986000" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578754238b" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-6685787542489 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/telkom-magic-solution/">Telkom Magic Solution</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>E-Rekomendasi BPSPL</title>
		<link>https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/</link>
		<pubDate>Wed, 06 Mar 2019 15:14:17 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5336</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/">E-Rekomendasi BPSPL</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66857875467597-33308437" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2019/03/background-1.png);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787546daf1-94442831" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787546daf1-94442831{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787546daf1-94442831{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787546e6f4-58230178" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">E-Rekomendasi Hiu dan Pari BPSPL</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1093" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/03/obj-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/obj-1.png 1093w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-1-300x211.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-1-768x540.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-1-1024x720.png 1024w" sizes="(max-width: 1093px) 100vw, 1093px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875476346-93666380" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875477661-60755730" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_66857875477f5" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">October 2018</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578754791a2-31974258" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_6685787547992" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Balai Pengelolaan Sumberdaya Pesisir dan Laut (BPSPL) Denpasar</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787547aa75-34987079" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_6685787547b1f" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787547bdb0-87100949" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787547d044-31162697" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787547d044-31162697{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787547d044-31162697{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787547d903-79112686" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About BPSPL Denpasar</span></span>
</h2>


<div id="cl_text_6685787547e18" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">BPSPL Denpasar is a technical implementation unit in the management of coastal, marine and small islands resources that is under and is responsible to the Director General of Marine, Coastal and Small Islands, Ministry of Maritime Affairs and Fisheries</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578754809e0-03057411" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl_pengajuan.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl_pengajuan.png 1200w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl_pengajuan-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl_pengajuan-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl_pengajuan-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875487ce9-00383057" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875487ce9-00383057{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875487ce9-00383057{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875488688-41025793" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_66857875488f2" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for BPSPL Denpasar is to create a system that can help them to create a recommendation letter to allow fisherman and/or company sells sharks and rays. Each fish sold must have this code (shown as barcode) on them, as a proof that the fish is legal for trade</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875489a81-02795065" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1440" height="826" src="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1-300x172.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1-768x441.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1-1024x587.png 1024w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787548ab17-28504364" href="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1440" height="826" src="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2-300x172.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2-768x441.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2-1024x587.png 1024w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787548ab17-28504364" href="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1219" src="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3-300x268.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3-768x685.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3-1024x914.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787548ab17-28504364" href="https://digitalartisans.id/wp-content/uploads/2019/03/screenshot-bpspl-3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787549fff3-79739471" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578754a1238-72194115" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578754a1b8" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-668578754a2a9 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/">E-Rekomendasi BPSPL</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>DOKO &#8211; Dari Orang Ke Orang</title>
		<link>https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/</link>
		<pubDate>Wed, 06 Mar 2019 14:54:28 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5326</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/">DOKO &#8211; Dari Orang Ke Orang</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_668578754e84a2-93308783" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2019/03/background.png);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578754eff17-19539748" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578754eff17-19539748{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578754eff17-19539748{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578754f0b90-67432765" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">DOKO &#8211; Dari Orang Ke Orang</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1093" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/03/obj.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/obj.png 1093w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-300x211.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-768x540.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/obj-1024x720.png 1024w" sizes="(max-width: 1093px) 100vw, 1093px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578754fbf75-12101165" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578754fd408-46922745" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_668578754fdcd" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">November 2018</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578754fed23-38533867" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_668578754ff49" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">DOKO Indonesia</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875500404-32785398" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_66857875500c6" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875501806-59944502" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875502a95-61976807" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875502a95-61976807{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875502a95-61976807{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875503347-72837653" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About DOKO</span></span>
</h2>


<div id="cl_text_66857875503bb" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">DOKO is a company focused on property rental and sales. Broad range of property are available for rent and sale there, from housing, villas, and many more&nbsp;</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875506398-55699634" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2019/03/doko2-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/doko2-1.png 1200w, https://digitalartisans.id/wp-content/uploads/2019/03/doko2-1-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/doko2-1-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/doko2-1-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787550dc21-03766034" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787550dc21-03766034{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787550dc21-03766034{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787550e530-07598842" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787550ede" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for DOKO is to create a marketplace web-app, along with a complete administrator management system at the back of it. Property owner can post their advertisement on DOKO, and people can search desired property through the website.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787550f982-05051009" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1440" height="1163" src="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1-300x242.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1-768x620.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1-1024x827.png 1024w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875510c06-11051279" href="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1440" height="859" src="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2-300x179.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2-768x458.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2-1024x611.png 1024w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875510c06-11051279" href="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1440" height="2390" src="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3-181x300.png 181w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3-768x1275.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3-617x1024.png 617w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875510c06-11051279" href="https://digitalartisans.id/wp-content/uploads/2019/03/doko-screenshot-3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875521e86-29668528" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875523569-97194637" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_6685787552428" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-6685787552536 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/">DOKO &#8211; Dari Orang Ke Orang</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>LIKE PLN Bali 2018</title>
		<link>https://digitalartisans.id/portfolio/like-pln-bali-2018/</link>
		<pubDate>Sat, 10 Nov 2018 04:31:34 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5300</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/">LIKE PLN Bali 2018</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66857875567b61-29346347" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/11/likepln-background.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787556fd37-14523565" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">website</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787556fd37-14523565{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787556fd37-14523565{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578755709d1-15184273" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">LIKE PLN Bali 2018</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="745" height="523" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-obj.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-obj.png 745w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-obj-300x211.png 300w" sizes="(max-width: 745px) 100vw, 745px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875577407-88890864" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875578781-46163648" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_668578755790a" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">October 2018</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787557a271-15774605" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_6685787557aa0" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">PT PLN (Persero) Unit Induk Distribusi Bali</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787557b995-79576732" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_6685787557c0d" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787557cb38-86355923" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787557dcd5-79353445" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787557dcd5-79353445{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787557dcd5-79353445{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787557e649-63988906" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About LIKE PLN</span></span>
</h2>


<div id="cl_text_6685787557eeb" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">LIKE (Learning, Innovation, Knowledge &amp; Exhibition) PLN is an annual exhibition consist of each and every innovation work done by all of PLN in Indonesia.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1920" height="763" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-1-e1541825970170.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-1-e1541825970170.png 1920w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-1-e1541825970170-300x119.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-1-e1541825970170-768x305.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-1-e1541825970170-1024x407.png 1024w" sizes="(max-width: 1920px) 100vw, 1920px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875586330-68733745" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-mac.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-mac.png 1200w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-mac-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-mac-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-mac-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787558df34-72202157" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787558df34-72202157{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787558df34-72202157{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787558e8c6-84428120" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787558f19" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for PT PLN (Persero) Unit Induk Distribusi Bali is to create a mini website to showcase all of their innovation. The mini website is also available in offline mode on Android tablet.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787558fd90-87478428" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="3822" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-107x300.png 107w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-768x2149.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-366x1024.png 366w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875590e49-56699199" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="3015" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-136x300.png 136w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-768x1695.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-464x1024.png 464w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875590e49-56699199" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2939" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-139x300.png 139w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-768x1652.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-476x1024.png 476w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875590e49-56699199" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578755a0338-46730554" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755a1825-12533102" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578755a23a" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-668578755a33e animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/">LIKE PLN Bali 2018</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Kiosk Bali</title>
		<link>https://digitalartisans.id/portfolio/kiosk-bali/</link>
		<pubDate>Sat, 10 Nov 2018 03:36:36 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5290</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/kiosk-bali/">Kiosk Bali</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_668578755e75d7-63484066" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-background.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755edc34-74275009" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">webSITE</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578755edc34-74275009{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578755edc34-74275009{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578755ee810-41071446" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Kiosk Bali</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="745" height="572" src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-obj.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-obj.png 745w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-obj-300x230.png 300w" sizes="(max-width: 745px) 100vw, 745px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578755f6e33-06072857" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755f8386-99690610" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_668578755f8ce" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">August 2018</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755f9d33-16798156" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_668578755fa49" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Kiosk Bali</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755fb6d2-97231898" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_668578755fbe3" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Landing Page Website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578755fc889-74201261" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578755fd900-63730908" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578755fd900-63730908{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578755fd900-63730908{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578755fe1d2-49884316" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Kiosk Bali</span></span>
</h2>


<div id="cl_text_668578755feb7" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Kiosk Bali is a grocery store located in Payangan, Ubud, Bali. They are specializing in fresh and organic farm products. Their organic farm produce from the Yogi&#8217;s Garden and their Ubud Family.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875601376-06817639" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="762" src="https://digitalartisans.id/wp-content/uploads/2018/11/mac-kiosk.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/mac-kiosk.png 1200w, https://digitalartisans.id/wp-content/uploads/2018/11/mac-kiosk-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/mac-kiosk-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/mac-kiosk-1024x650.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875608d78-57184021" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875608d78-57184021{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875608d78-57184021{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875609711-60590228" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787560a2b" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Kiosk Bali is to create their landing page website so their customers can easily find info about them.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787560b121-58758765" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1365" height="1830" src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full.png 1365w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full-224x300.png 224w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full-768x1030.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full-764x1024.png 764w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787560c1e7-34553441" href="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-full.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875611130-85495032" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875612330-35230181" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_66857875612c7" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-66857875613b4 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/kiosk-bali/">Kiosk Bali</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Arcapada Kreasi</title>
		<link>https://digitalartisans.id/portfolio/arcapada-kreasi/</link>
		<pubDate>Tue, 03 Jul 2018 05:16:08 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5232</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/arcapada-kreasi/">Arcapada Kreasi</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66857875656d65-36365020" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/07/background.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787565e640-96851791" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">webSITE</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787565e640-96851791{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787565e640-96851791{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787565f1c5-85089984" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Arcapada Kreasi Indonesia</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="745" height="573" src="https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_hmp.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_hmp.png 745w, https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_hmp-300x231.png 300w" sizes="(max-width: 745px) 100vw, 745px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875667e60-60382616" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756695f7-68495783" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_66857875669fd" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">May 2018</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787566b097-05137739" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_6685787566b80" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">PT. Arcapada Kreasi Indonesia</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787566c953-83307799" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_6685787566d0a" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787566db30-31579660" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787566ecd8-25629624" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787566ecd8-25629624{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787566ecd8-25629624{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787566f5e8-76079415" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Arcapada Kreasi</span></span>
</h2>


<div id="cl_text_6685787566ffc" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Arcapada Kreasi Indonesia is a company working in MICE industry. Their specialization includes Meeting, Conference, Exhibition, Special Event, and Event Contractor.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875672829-49441898" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1200" height="960" src="https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_mck.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_mck.png 1200w, https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_mck-300x240.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_mck-768x614.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/arcapada_mck-1024x819.png 1024w" sizes="(max-width: 1200px) 100vw, 1200px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875679851-26023344" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875679851-26023344{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875679851-26023344{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787567a154-39143396" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787567a9c" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Arcapada Kreasi Indonesia is to make their company profile website, so their customer could easily find information and contact them. Our works is done by using WordPress CMS.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787567b4f5-12735947" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_2 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="3430" src="https://digitalartisans.id/wp-content/uploads/2018/07/ss1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/ss1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/ss1-119x300.png 119w, https://digitalartisans.id/wp-content/uploads/2018/07/ss1-768x1928.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/ss1-408x1024.png 408w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787567c6c4-39704848" href="https://digitalartisans.id/wp-content/uploads/2018/07/ss1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1240" src="https://digitalartisans.id/wp-content/uploads/2018/07/ss2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/ss2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/ss2-300x272.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/ss2-768x697.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/ss2-1024x930.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787567c6c4-39704848" href="https://digitalartisans.id/wp-content/uploads/2018/07/ss2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1622" src="https://digitalartisans.id/wp-content/uploads/2018/07/ss3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/ss3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/ss3-253x300.png 253w, https://digitalartisans.id/wp-content/uploads/2018/07/ss3-768x912.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/ss3-862x1024.png 862w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787567c6c4-39704848" href="https://digitalartisans.id/wp-content/uploads/2018/07/ss3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="1211" src="https://digitalartisans.id/wp-content/uploads/2018/07/ss4.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/ss4.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/ss4-300x266.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/ss4-768x681.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/ss4-1024x908.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6685787567c6c4-39704848" href="https://digitalartisans.id/wp-content/uploads/2018/07/ss4.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787569a828-20338434" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787569bcf2-00301358" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_6685787569c62" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-6685787569d5f animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/arcapada-kreasi/">Arcapada Kreasi</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>The Object Design</title>
		<link>https://digitalartisans.id/portfolio/the-object-design/</link>
		<pubDate>Sun, 14 Jan 2018 04:33:04 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5097</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/the-object-design/">The Object Design</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_668578756e21c5-04604862" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/01/background-2.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756e9fb2-00766598" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">website</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578756e9fb2-00766598{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578756e9fb2-00766598{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578756eac15-93873538" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">The Object Design</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/the-object.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/the-object.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/the-object-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/the-object-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/the-object-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578756f13b6-55956194" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756f2673-46101458" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_668578756f306" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">September 2017</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756f40d9-09427595" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_668578756f4a1" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">The Object Gallery and Studio Ubud</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756f5ac1-05441207" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_668578756f620" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578756f6c72-55446574" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578756f7cd7-69383348" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578756f7cd7-69383348{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578756f7cd7-69383348{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578756f8549-70813461" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About The Object</span></span>
</h2>


<div id="cl_text_668578756f8eb" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">The Object is an art gallery and furniture store based at Ubud, Bali, Indonesia. They are specializing themselves with unique and artistic furniture for your home or office. They are also making custom furniture.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578756fb5f9-41854770" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875702955-07453953" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875702955-07453953{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875702955-07453953{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578757032b0-86310385" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_66857875703ba" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for The Object is to create an e-commerce website that they can used to promote their products. People can also order furniture directly from their website.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875704960-91643961" class="cl-row cl-element disabled_row dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875705b78-69807382" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875705b78-69807382{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875705b78-69807382{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578757063e5-82104964" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Solution</span>
</h2>


<div id="cl_text_66857875706c1" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">We have created a new website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-right align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_right animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="600" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787570f990-02681962" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757126c2-56559225" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

<span style="text-align: left;"><span style="color: #1fb4cc;">what did we do</span></span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_668578757126c2-56559225{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_668578757126c2-56559225{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875713139-92757374" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787571398" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Balispirit was to recreate their website from scratch, by using new design and implementing content management module.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875714648-19283992" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #1fb4cc;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757160e9-09533586" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 62px;font-weight: 700;line-height: 34px;text-transform: uppercase;color: #ffffff;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">HIRE US</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875716c09-57056817" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_2 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2421" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1-169x300.png 169w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1-768x1361.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1-578x1024.png 578w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875717c36-64592386" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-1-1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2815" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2-146x300.png 146w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2-768x1583.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2-497x1024.png 497w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875717c36-64592386" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2069" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3-198x300.png 198w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3-768x1163.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3-676x1024.png 676w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875717c36-64592386" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2421" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4-169x300.png 169w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4-768x1361.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4-578x1024.png 578w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875717c36-64592386" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-4.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2421" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5.png" class="attachment-full size-full" alt="Digital Artisans - The Object Design Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5-169x300.png 169w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5-768x1361.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5-578x1024.png 578w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875717c36-64592386" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Portfolio-5.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578757304c3-26159786" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875731bc3-57629600" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578757326b" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-6685787573397 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/the-object-design/">The Object Design</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Bali Madu Sari Restaurant</title>
		<link>https://digitalartisans.id/portfolio/bali-madu-sari-restaurant/</link>
		<pubDate>Thu, 11 Jan 2018 09:43:43 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5052</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/bali-madu-sari-restaurant/">Bali Madu Sari Restaurant</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66857875776345-41851750" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787577c405-45230064" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787577c405-45230064{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787577c405-45230064{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787577d087-87943780" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 79px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Bali Madu Sari &#8211; Tour Guide Rewarding System</span>
</h2>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/madusari.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/madusari.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/madusari-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/madusari-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/madusari-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578757830d6-00015055" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757843a2-42208880" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_66857875784c5" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">September 2017</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875785f96-50043394" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_6685787578672" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Bali Madu Sari Mountain Restaurant</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757876b8-38638678" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_66857875787e0" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875788855-61266718" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875789ae0-37247984" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875789ae0-37247984{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875789ae0-37247984{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787578a495-47095795" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Bali Madu Sari</span></span>
</h2>


<div id="cl_text_6685787578ad4" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Bali Madu Sari is a Mountain Restaurant and Inn located in Kintamani, Bali, Indonesia. Many tour guides bring their guest to the Bali Madu Sari, simply for having a breakfast and lunch, or to stay at their inn.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-Featured-2.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-Featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-Featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-Featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-Featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787578d948-41257001" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875794500-73165683" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875794500-73165683{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875794500-73165683{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875795106-38944532" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_66857875795a1" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for them was to create a travel guide management system, to help them manage every tour guide that brings guests to the restaurant. By using this system, Bali Madu Sari management team can easily track which travel guide performs best, and give him/her appropriate reward for the job.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578757965c4-11416924" class="cl-row cl-element disabled_row dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875797746-03519248" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875797746-03519248{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875797746-03519248{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875797f81-36811723" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Solution</span>
</h2>


<div id="cl_text_668578757987a" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">We have created a new website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-right align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_right animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="600" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787579ae90-27181050" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787579d965-51471466" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

<span style="text-align: left;"><span style="color: #1fb4cc;">what did we do</span></span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787579d965-51471466{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787579d965-51471466{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787579e360-85623397" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787579eb8" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Balispirit was to recreate their website from scratch, by using new design and implementing content management module.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787579f664-16778505" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #1fb4cc;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757a0593-52501431" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 62px;font-weight: 700;line-height: 34px;text-transform: uppercase;color: #ffffff;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">HIRE US</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578757a1153-61080251" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_2 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578757a2104-55867195" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="780" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4-768x439.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4-1024x585.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578757a2104-55867195" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-4.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="895" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2-300x197.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2-768x503.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2-1024x671.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578757a2104-55867195" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="895" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3.png" class="attachment-full size-full" alt="Digital Artisans - Bali Madu Sari Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3-300x197.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3-768x503.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3-1024x671.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_668578757a2104-55867195" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Bali-Madu-Sari-Portfolio-3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578757bb4a4-35286708" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_668578757bcc05-26183482" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_668578757bd6f" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-668578757be6f animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/bali-madu-sari-restaurant/">Bali Madu Sari Restaurant</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Share Trans</title>
		<link>https://digitalartisans.id/portfolio/share-trans/</link>
		<pubDate>Wed, 10 Jan 2018 08:53:33 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5019</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/share-trans/">Share Trans</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66857875803810-48937666" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Share-Trans-Portfolio.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787580aff0-69465364" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 38px;letter-spacing: 4px;text-transform: uppercase;color: #ffffff;margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">web Application</span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787580aff0-69465364{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787580aff0-69465364{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h1 id="cl_custom_heading_6685787580bc33-31309409" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 20px;text-transform: none;color: #ffffff;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Share Trans</span>
</h1>


<div class="cl_media cl-element  type-image position_center animate_on_visible bottom-t-top" style="margin-top: 15px;padding-bottom: 0px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/sharetrans.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/sharetrans.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/sharetrans-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/sharetrans-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/sharetrans-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578758139f4-04091019" class="cl-row cl-element dark-text " style="padding-top: 5px;padding-bottom: 5px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875814d34-42653565" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

<span style="text-align: center;">Date</span>
</h2>


<div id="cl_text_6685787581565" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">June 2016</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875816959-13894996" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Client</span>
</h2>


<div id="cl_text_668578758170e" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">In-house Project</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-4  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875818067-99680470" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">Category</span>
</h2>


<div id="cl_text_668578758187a" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Web Application</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875819217-11546273" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style=""  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787581a618-71864769" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787581a618-71864769{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787581a618-71864769{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6685787581aef4-38419802" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;"><span style="letter-spacing: 0px;">About Share Trans</span></span>
</h2>


<div id="cl_text_6685787581b80" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Share Trans is a platform to easily find rentable vehicles. Rental owners can put their vehicles to the website. And at the same time, customers can easily find or compare vehicles that they want to rent.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_stretch add-shadow animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/featured-2.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787581e1c3-85520253" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Detail 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875826297-11703085" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875826297-11703085{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875826297-11703085{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875826bc9-56840917" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787582745" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works was to create each and every web and apps for Share Trans, and at the same time also run the business.&nbsp;</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875827fc8-25149460" class="cl-row cl-element disabled_row dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875829130-11359546" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_66857875829130-11359546{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66857875829130-11359546{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66857875829b11-24971693" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Solution</span>
</h2>


<div id="cl_text_6685787582a4c" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">We have created a new website</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-right align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_right animate_on_visible right-t-left" style="margin-top: 15px;" data-delay="none" data-speed="600" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6685787582c920-63259795" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl_row-equal_height cl_row-flex cl-col-tablet-none">
<div class="cl-element cl_column col-sm-6  align-h-middle align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_media cl-element  type-image position_left animate_on_visible left-t-right" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage.png 640w, https://digitalartisans.id/wp-content/uploads/2017/12/bs_homepage-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div class="cl-element cl_column col-sm-6  align-h-left align-v-middle effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_6685787582f6b6-76200687" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 18px;font-weight: 100;line-height: 34px;letter-spacing: 4px;text-transform: uppercase;color: #bfbfbf;margin-top: 0px;border-style: solid;" >

<span style="text-align: left;"><span style="color: #1fb4cc;">what did we do</span></span>
</h2>


	<style type="text/css">

					@media (max-width:992px){ #cl_custom_heading_6685787582f6b6-76200687{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6685787582f6b6-76200687{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_668578758300e7-23134742" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 700;line-height: 42px;text-transform: none;color: #383838;margin-top: 20px;border-style: solid;" >

<span style="text-align: left;">Our Works</span>
</h2>


<div id="cl_text_6685787583091" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for Balispirit was to recreate their website from scratch, by using new design and implementing content management module.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_668578758315b8-34119167" class="cl-row cl-element disabled_row dark-text " style="padding-top: 70px;padding-bottom: 70px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #1fb4cc;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875832688-89576776" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 62px;font-weight: 700;line-height: 34px;text-transform: uppercase;color: #ffffff;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;">HIRE US</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875833113-00097694" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_2 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="635" src="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-300x141.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-768x362.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-1024x482.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1345" height="767" src="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 2" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png 1345w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-768x438.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-1024x584.png 1024w" sizes="(max-width: 1345px) 100vw, 1345px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1345" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 3" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png 1345w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-768x439.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-1024x585.png 1024w" sizes="(max-width: 1345px) 100vw, 1345px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="767" src="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 5" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-768x437.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-1024x583.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 4" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-768x438.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-1024x583.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1349" height="634" src="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 6" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png 1349w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-300x141.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-768x361.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-1024x481.png 1024w" sizes="(max-width: 1349px) 100vw, 1349px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66857875834309-35957455" href="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66857875855dc0-89894200" class="cl-row cl-element dark-text " style="padding-top: 30px;padding-bottom: 30px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #f6f6f6;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66857875857245-82029367" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 34px;font-weight: 100;line-height: 34px;letter-spacing: 2px;text-transform: uppercase;color: #383838;margin-top: 35px;border-style: solid;" >

<span style="text-align: center;"><mark class="highlight">Recent Works</mark></span>
</h2>


<div id="cl_text_66857875857c6" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;padding-bottom: 10px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="grid-entries portfolio-entries-66857875858d4 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

<div id="cl-portfolio-item-5358" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5358 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Wijaya Musik</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/wijaya-musik/" title="Wijaya Musik"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/05/Featured.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-300x169.jpg 300w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-768x432.jpg 768w, https://digitalartisans.id/wp-content/uploads/2019/05/Featured-1024x576.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5357" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5357 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Telkom Magic Solution</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/telkom-magic-solution/" title="Telkom Magic Solution"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/06/featured-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/06/featured-5-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5336" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5336 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="300">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">E-Rekomendasi BPSPL</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/e-rekomendasi-bpspl/" title="E-Rekomendasi BPSPL"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/bpspl-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5326" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5326 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web portfolio_entries-web-application" data-speed="300" data-delay="400">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">DOKO &#8211; Dari Orang Ke Orang</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a>, <a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/doko-dari-orang-ke-orang/" title="DOKO &#8211; Dari Orang Ke Orang"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5322" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5322 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="500">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Goyur</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/goyur/" title="Goyur"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/featured-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5300" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5300 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-featured-works portfolio_entries-web" data-speed="300" data-delay="600">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">LIKE PLN Bali 2018</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/featured-works/" rel="tag">Featured Works</a>, <a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/" title="LIKE PLN Bali 2018"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-featured-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5290" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5290 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="700">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Kiosk Bali</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kiosk-bali/" title="Kiosk Bali"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/kiosk-featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5232" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5232 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="800">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Arcapada Kreasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/arcapada-kreasi/" title="Arcapada Kreasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/07/Arcapada-Kreasi-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5203" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5203 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-mobile-apps" data-speed="300" data-delay="900">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">KuBus</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/mobile-apps/" rel="tag">Mobile Apps</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/kubus/" title="KuBus"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - KuBus Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-KuBus-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5202" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5202 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1000">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Sistem Informasi Pengelolaan Administrasi</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/" title="Sistem Informasi Pengelolaan Administrasi"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5097" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5097 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web" data-speed="300" data-delay="1100">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">The Object Design</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web/" rel="tag">Web</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/the-object-design/" title="The Object Design"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - The Object Design Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-The-Object-Design-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-5095" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-5095 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-web-application" data-speed="300" data-delay="1200">
	
	<div class="grid-holder">

        <div class="grid-holder-inner">

	        
<div class="entry-media entry-overlay-color">
	
	
    <div class="entry-overlay light-text entry-overlay-color" style="padding:0px;">

    
        <div class="overlay-wrapper cl-gradient-none" style=" background-color:rgba(31,180,204,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Pratama Legal Consultant CRM</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://digitalartisans.id/portfolio_entries/web-application/" rel="tag">Web Application</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/" title="Pratama Legal Consultant CRM"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img   src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-portfolio_entry size-portfolio_entry wp-post-image" alt="Digital Artisans - Pratama Legal Consultant Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-Featured-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->
    

</div><!-- #portfolio-entries -->
           
      


 



        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/share-trans/">Share Trans</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
	</channel>
</rss>

<!--
Performance optimized by W3 Total Cache. Learn more: https://www.boldgrid.com/w3-total-cache/

Object Caching 0/751 objects using memcache
Page Caching using disk: enhanced 
Lazy Loading (feed)
Database Caching using redis

Served from: digitalartisans.id @ 2024-07-03 16:12:37 by W3 Total Cache
-->