<?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 Application &#8211; Digital Artisans</title>
	<atom:link href="https://digitalartisans.id/portfolio_entries/web-application/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 Application &#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_6683f70533c871-16887860" 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_6683f705353bc9-71765297" 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_6683f705353bc9-71765297{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705353bc9-71765297{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705354be9-87582963" 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_6683f7053602c6-10149701" 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_6683f705361e36-13375587" 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_6683f705366e4" 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_6683f7053681a9-87287310" 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_6683f7053689b" 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_6683f705369989-72421446" 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_6683f70536a0f" 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_6683f70536ad51-50708655" 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_6683f70536c313-85390656" 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_6683f70536c313-85390656{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70536c313-85390656{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70536cd72-55997894" 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_6683f70536d61" 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_6683f705373563-65074573" 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_6683f7053792f3-90259459" 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_6683f7053792f3-90259459{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7053792f3-90259459{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705379bf9-12971446" 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_6683f70537a62" 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_6683f70537b1a9-73653210" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f705380ae9-21795454" 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_6683f7053a7e72-03403675" 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_6683f7053aa024-16959414" 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_6683f7053aab3" 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-6683f7053b020 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_6683f7055f65e8-06230123" 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_6683f7055fc594-45878474" 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_6683f7055fc594-45878474{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7055fc594-45878474{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7055fd6b5-84786395" 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_6683f7056047d7-69355259" 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_6683f705605fd8-61547055" 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_6683f705606b7" 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_6683f705607d20-25551907" 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_6683f7056084f" 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_6683f7056094b5-68633441" 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_6683f705609d9" 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_6683f70560aa60-83692318" 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_6683f70560bbc9-64268135" 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_6683f70560bbc9-64268135{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70560bbc9-64268135{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70560c501-82561979" 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_6683f70560cd9" 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_6683f70560f869-74867304" 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_6683f705618589-05628349" 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_6683f705618589-05628349{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705618589-05628349{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705618ee7-49497362" 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_6683f70561978" 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_6683f70561a4d6-95709189" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f70561b5d2-52533364" 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_6683f705634506-92706440" 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_6683f705635a96-54042439" 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_6683f7056365a" 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-6683f7056375a 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_6683f705678d49-65357500" 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_6683f70567dc57-71817588" 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_6683f70567dc57-71817588{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70567dc57-71817588{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70567e741-15309710" 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_6683f705684288-78603809" 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_6683f705685522-80847966" 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_6683f705685f9" 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_6683f705687044-64111026" 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_6683f70568793" 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_6683f705688a20-23102750" 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_6683f70568916" 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_6683f705689ba5-13262021" 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_6683f70568ac24-62314301" 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_6683f70568ac24-62314301{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70568ac24-62314301{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70568b596-31931390" 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_6683f70568be2" 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_6683f70568e415-19697970" 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_6683f705695731-24320389" 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_6683f705695731-24320389{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705695731-24320389{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705696029-91149996" 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_6683f7056968a" 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_6683f705697515-81665153" 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_6683f705698574-67437660" 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_6683f705698574-67437660" 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_6683f705698574-67437660" 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_6683f7056a37b6-51396963" 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_6683f7056a4a87-62890400" 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_6683f7056a536" 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-6683f7056a625 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_6683f7056e83d7-23052407" 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_6683f7056edd91-19640465" 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_6683f7056edd91-19640465{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7056edd91-19640465{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7056ee842-14666087" 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_6683f7056f62e4-04600623" 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_6683f7056f7917-17339764" 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_6683f7056f845" 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_6683f7056f9795-99421116" 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_6683f7056f9f3" 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_6683f7056faef0-96719587" 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_6683f7056fb66" 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_6683f7056fc1a4-11373708" 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_6683f7056fd462-57693805" 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_6683f7056fd462-57693805{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7056fd462-57693805{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7056fddc1-73167555" 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_6683f7056fe62" 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_6683f705701113-90593705" 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_6683f705707767-55692442" 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_6683f705707767-55692442{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705707767-55692442{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705708070-67238195" 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_6683f705708a3" 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_6683f705709565-49930575" 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_6683f70570a594-71592751" 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_6683f70570a594-71592751" 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_6683f70570a594-71592751" 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_6683f705715cc7-59601258" 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_6683f705716f04-66592501" 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_6683f70571782" 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-6683f7057188d 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>Goyur</title>
		<link>https://digitalartisans.id/portfolio/goyur/</link>
		<pubDate>Wed, 06 Mar 2019 08:55:36 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5322</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/goyur/">Goyur</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_6683f7057598f7-59074276" 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/goyur-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_6683f70575f5e7-71062169" 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_6683f70575f5e7-71062169{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70575f5e7-71062169{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705760255-38968176" 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;">Goyur</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/goyur-header-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-header-1.png 1093w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-header-1-300x211.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-header-1-768x540.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-header-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_6683f705765921-97357682" 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_6683f705767031-85065266" 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_6683f70576791" 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_6683f7057689a2-30782273" 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_6683f70576914" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Goyur 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_6683f70576a489-01851162" 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_6683f70576abf" 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_6683f70576b625-03923881" 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_6683f70576c6f4-95018281" 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_6683f70576c6f4-95018281{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70576c6f4-95018281{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70576cfb7-10294364" 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 Goyur</span></span>
</h2>


<div id="cl_text_6683f70576d88" 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;">Goyur is a company focused on selling fresh and organic vegetables. Their main customer is housewives and other business such as restaurant and hotel. They also have their own fields to grow their crops</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-1.png" class="attachment-full size-full" 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>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f7057701e6-92419054" 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/goyur1-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/goyur1-1.png 1200w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur1-1-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur1-1-768x488.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur1-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_6683f7057767d3-28264391" 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_6683f7057767d3-28264391{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057767d3-28264391{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057770f6-26086396" 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_6683f7057779a" 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 Goyur is to create a e-commerce web-app, along with a complete inventory and procurement at the back of it. The front end was made by using Vue framework and Laravel as a back end.</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f7057784c0-33117370" 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="2249" src="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-1.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-1-192x300.png 192w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-1-768x1199.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-1-656x1024.png 656w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057794f7-43919795" href="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-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="777" src="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-2.png 1440w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-2-300x162.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-2-768x414.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-2-1024x553.png 1024w" sizes="(max-width: 1440px) 100vw, 1440px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057794f7-43919795" href="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-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="1366" height="1332" src="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-3-300x293.png 300w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-3-768x749.png 768w, https://digitalartisans.id/wp-content/uploads/2019/03/goyur-screenshot-3-1024x999.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057794f7-43919795" href="https://digitalartisans.id/wp-content/uploads/2019/03/goyur-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_6683f705784f16-59235543" 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_6683f705786241-78540803" 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_6683f705786b3" 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-6683f7057879c 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/goyur/">Goyur</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Sistem Informasi Pengelolaan Administrasi</title>
		<link>https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/</link>
		<pubDate>Fri, 19 Jan 2018 03:27:35 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5202</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/sistem-informasi-pengelolaan-administrasi/">Sistem Informasi Pengelolaan Administrasi</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_6683f7057c7ba9-30200276" 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-Background-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_6683f7057cdc86-51923900" 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_6683f7057cdc86-51923900{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057cdc86-51923900{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057cea08-76606951" 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;">Sistem Informasi Pengelolaan Administrasi</span>
<span style="text-align: center;">(SIPA)</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/Digital-Artisans-Header.png" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi SIPA" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Header.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Header-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Header-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Header-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_6683f7057d3af5-74303325" 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_6683f7057d4e88-13916844" 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_6683f7057d57a" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">August 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_6683f7057d6866-83839929" 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_6683f7057d701" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Bappeda Kabupaten Badung</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_6683f7057d8251-74797989" 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_6683f7057d89a" 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_6683f7057d9456-93459315" 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_6683f7057da543-31388308" 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_6683f7057da543-31388308{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057da543-31388308{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057dae49-39789131" 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 SIPA</span></span>
</h2>


<div id="cl_text_6683f7057db7c" 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;">Sistem Informasi Pengelolaan Administrasi (SIPA) is a system used by the Badung Government to easily manage any incoming and outgoing mails and letter.</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-Sistem-Informasi-Pengelolaan-Administrasi-Portfolio.png" class="attachment-full size-full" 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>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f7057de016-97315500" 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-Sistem-Informasi-Pengelolaan-Administrasi.png" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Sistem-Informasi-Pengelolaan-Administrasi-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_6683f7057e5509-60242958" 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_6683f7057e5509-60242958{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057e5509-60242958{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057e5e13-34372239" 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_6683f7057e68e" 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;">By using this system, Staffs in Bappeda can easily track each and every letter date, subject, sender, category and many more. They an also upload the scanned version of the real letter, in case they need it again in the future.</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f7057e7625-53301276" 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_6683f7057e87a9-00448414" 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_6683f7057e87a9-00448414{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057e87a9-00448414{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057e9019-74654196" 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_6683f7057e985" 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_6683f7057f1d36-61185455" 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_6683f7057f5260-11908264" 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_6683f7057f5260-11908264{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7057f5260-11908264{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7057f5f33-89300813" 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_6683f7057f6c7" 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_6683f7057f7877-81205077" 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_6683f7057f91e0-17752893" 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_6683f7057f9cd1-94200457" 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/Image-3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Image-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-3-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-3-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-3-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/Image-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="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/Image-2.png" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Image-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Image-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/Image-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="1188" src="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381.jpg" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381.jpg 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381-300x261.jpg 300w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381-768x668.jpg 768w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381-1024x891.jpg 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-masalah-15158364506381.jpg" 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="1365" height="1219" src="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901.jpg" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901.jpg 1365w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901-300x268.jpg 300w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901-768x686.jpg 768w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901-1024x914.jpg 1024w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-arsip-series-15158363192901.jpg" 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="1360" height="1901" src="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361.jpg" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361.jpg 1360w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361-215x300.jpg 215w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361-768x1074.jpg 768w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361-733x1024.jpg 733w" sizes="(max-width: 1360px) 100vw, 1360px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-agenda-15158365541361.jpg" 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="1362" height="1193" src="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411.jpg" class="attachment-full size-full" alt="Digital Artisans - Sistem Informasi Pengelolaan Administrasi Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411.jpg 1362w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411-300x263.jpg 300w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411-768x673.jpg 768w, https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411-1024x897.jpg 1024w" sizes="(max-width: 1362px) 100vw, 1362px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7057fae34-33555658" href="https://digitalartisans.id/wp-content/uploads/2018/01/screencapture-localhost-supem-dashboard-ref-retensi-rincian-15158364961411.jpg" 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_6683f705812c70-29921369" 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_6683f705813ea3-52175844" 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_6683f7058147d" 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-6683f7058156c 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/sistem-informasi-pengelolaan-administrasi/">Sistem Informasi Pengelolaan Administrasi</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Pratama Legal Consultant CRM</title>
		<link>https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/</link>
		<pubDate>Sat, 13 Jan 2018 09:32:43 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5095</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/pratama-legal-consultant-crm/">Pratama Legal Consultant CRM</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_6683f70585a306-31228494" 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-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_6683f7058622c8-49616084" 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_6683f7058622c8-49616084{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7058622c8-49616084{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705862dc5-15454818" 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;">Pratama Legal Consultant CRM</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/pratama.png" class="attachment-full size-full" alt="Digital Artisans - Pratama Consultant Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/pratama.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/pratama-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/pratama-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/pratama-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_6683f705867802-21829478" 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_6683f705868cd9-51819934" 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_6683f70586960" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">June 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_6683f70586a6b0-30711282" 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_6683f70586ae5" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Prima Artha Konsultama</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_6683f70586bf77-58112675" 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_6683f70586c6d" 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_6683f70586d133-52990363" 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_6683f70586e313-33575284" 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_6683f70586e313-33575284{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70586e313-33575284{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70586eb75-64374884" 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 Pratama Consultant</span></span>
</h2>


<div id="cl_text_6683f70586f3f" 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;">Pratama Consultant is a company which is mostly&nbsp;handling accounting and taxation consulting services. They have two offices located in Denpasar and Bandung</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-Pratama-Legal-Consultant-Portfolio-Featured.png" class="attachment-full size-full" 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>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f705872045-25367466" 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-Pratama-Legal-Consultant-Portfolio.png" class="attachment-full size-full" alt="Digital Artisans - Pratama Legal Consultant Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-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_6683f7058782e9-20057863" 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_6683f7058782e9-20057863{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7058782e9-20057863{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705878c19-32167756" 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_6683f7058794c" 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 is to create a CRM application to facilitate registration and service management to their clients. There are other features such as Service History, Data History, and even digital signature.</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f70587a068-82556323" 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_6683f70587b3f9-13900553" 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_6683f70587b3f9-13900553{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70587b3f9-13900553{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70587bda5-87884043" 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_6683f70587c6b" 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_6683f7058841a3-11142157" 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_6683f705886d69-91602570" 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_6683f705886d69-91602570{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705886d69-91602570{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7058879c6-68770474" 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_6683f70588823" 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_6683f705888db0-12773224" 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_6683f705889ed7-53653969" 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_6683f70588aa24-27694418" 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="1574" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-1.png" class="attachment-full size-full" alt="Digital Artisans - Pratama Legal Consultant Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-1-260x300.png 260w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-1-768x885.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-1-889x1024.png 889w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70588bf25-56226655" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-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="2149" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-3.png" class="attachment-full size-full" alt="Digital Artisans - Pratama Legal Consultant Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-3-191x300.png 191w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-3-768x1208.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-3-651x1024.png 651w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70588bf25-56226655" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-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="3871" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2.png" class="attachment-full size-full" alt="Digital Artisans - Pratama Legal Consultant Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2-106x300.png 106w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2-768x2176.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2-361x1024.png 361w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70588bf25-56226655" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Pratama-Legal-Consultant-Portfolio-2.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_6683f705898d08-08944544" 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_6683f705899f45-41817640" 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_6683f70589a88" 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-6683f70589baf 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/pratama-legal-consultant-crm/">Pratama Legal Consultant CRM</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Grand Istana Rama Member System</title>
		<link>https://digitalartisans.id/portfolio/grand-istana-rama-member-system/</link>
		<pubDate>Thu, 11 Jan 2018 09:52:43 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5053</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/grand-istana-rama-member-system/">Grand Istana Rama Member System</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_6683f7058e0705-59939083" 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.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_6683f7058e5b40-10268403" 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_6683f7058e5b40-10268403{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7058e5b40-10268403{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7058e6729-13999999" 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;">Grand Istana Rama &#8211; Member 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/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-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_6683f7058ed999-74107534" 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_6683f7058eecd7-52912257" 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_6683f7058ef66" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center; margin-top: 13px; margin-bottom: 13px;">August 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_6683f7058f0a22-47310413" 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_6683f7058f120" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">Grand Istana Rama</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_6683f7058f2204-67540185" 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_6683f7058f297" 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_6683f7058f3411-86221055" 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_6683f7058f4539-08436010" 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_6683f7058f4539-08436010{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7058f4539-08436010{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7058f5049-46105569" 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 Grand Istana Rama</span></span>
</h2>


<div id="cl_text_6683f7058f58e" 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;">Grand Istana Rama is a hotel located in Kuta, Bali, Indonesia.&nbsp;Grand Istana Rama Hotel provides a full scale of hotel facilities. Not limited only to leisure guests, business travelers can also combine corporate meeting with a lot of fun.</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/featured-1.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/featured-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-1-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_6683f7058f8062-86515061" 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-Grand-Istana-Rama-Member-System-Portfolio-Featured.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio Featured" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-Featured.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-Featured-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_6683f7058fdc65-62455950" 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_6683f7058fdc65-62455950{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7058fdc65-62455950{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f7058fe558-64709429" 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_6683f7058fedc" 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 develop an application to manage Grand Istana Rama member&#8217;s point. This system is addressed to hotel visitors who wanted to become a member and gain multiple benefit in the form of points. Those points can be redeemed to various activity, such as Spa, Laundry, Airport Transfer, etc</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f7058ff970-15873337" 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_6683f705900c86-71166531" 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_6683f705900c86-71166531{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705900c86-71166531{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705901507-23772814" 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_6683f705901d3" 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_6683f7059043c5-49475659" 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_6683f705906d04-08323769" 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_6683f705906d04-08323769{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705906d04-08323769{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705907715-93542810" 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_6683f7059080d" 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_6683f705908c31-73079091" 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_6683f705909ba8-62024869" 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_6683f70590a607-99906048" 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="672" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (6)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6-300x148.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6-768x378.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6-1024x504.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-6.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="857" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-1.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (1)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-1-300x188.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-1-768x482.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-1-1024x642.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-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="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-2.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (2)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-2-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-2-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-2-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-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="870" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-3.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (3)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-3-300x191.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-3-768x489.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-3-1024x652.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-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="729" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-4.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (4)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-4.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-4-300x160.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-4-768x410.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-4-1024x546.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-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="823" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-5.png" class="attachment-full size-full" alt="Digital Artisans - Grand Istana Rama Member System Portfolio (5)" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-5-300x181.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-5-768x463.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-Portfolio-5-1024x617.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f70590b588-56137282" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Grand-Istana-Rama-Member-System-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_6683f705923187-57089907" 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_6683f705924578-81997697" 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_6683f705924ec" 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-6683f705925d9 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/grand-istana-rama-member-system/">Grand Istana Rama Member System</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Telkom &#8211; Denpasar Migration Tools</title>
		<link>https://digitalartisans.id/portfolio/telkom-denpasar-migration-tools/</link>
		<pubDate>Thu, 11 Jan 2018 05:51:57 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5040</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/telkom-denpasar-migration-tools/">Telkom &#8211; Denpasar Migration Tools</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_6683f705977969-92829833" 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-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_6683f70597e103-82624147" 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_6683f70597e103-82624147{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70597e103-82624147{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70597ee31-38650355" 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 Denpasar Migration Tools (DeMiT)</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/demit.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Monitoring Tools Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/demit.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/demit-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/demit-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/demit-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_6683f7059848b7-44524040" 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_6683f705985dd0-78515894" 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_6683f7059866e" 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_6683f705987968-11551436" 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_6683f70598814" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">PT. Telekomunikasi Indonesia Tbk <span style="text-align: center;">(TELKOM)</span></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_6683f7059894e8-16902987" 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_6683f705989da" 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_6683f70598ac66-29685759" 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_6683f70598c127-14215526" 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_6683f70598c127-14215526{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70598c127-14215526{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70598cd55-29326552" 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 DeMiT</span></span>
</h2>


<div id="cl_text_6683f70598d62" 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 Denpasar Migration Tool (DeMiT) is a system used by Telkom to manage and monitor every fiber optic migration operation done in Denpasar.</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/featured.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/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_6683f70598fe43-77588946" 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-1.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Monitoring Tools Demit Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac-1.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac-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_6683f705995861-32805680" 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_6683f705995861-32805680{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f705995861-32805680{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705996142-99472838" 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_6683f70599699" 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;">By using this system, Telkom&#8217;s Management Team can track each and every work order, whether they are successful or not. So in case some migration works are failed, they can do additional works to fix it.</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_6683f705997532-20224420" 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_6683f7059986b5-75625163" 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_6683f7059986b5-75625163{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f7059986b5-75625163{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f705999065-88200554" 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_6683f705999a1" 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_6683f70599bf16-96110434" 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_6683f70599ebc2-05068247" 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_6683f70599ebc2-05068247{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_6683f70599ebc2-05068247{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_6683f70599f5c2-53050812" 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_6683f70599fdd" 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_6683f7059a0a24-60249756" 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_6683f7059a1957-84335681" 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_6683f7059a23c1-11200180" 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-Telkom-Denpasar-Portfolio-1.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-1-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-1-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-1-1024x576.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7059a3368-62986835" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-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="774" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-4.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-4.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-4-300x170.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-4-768x435.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-4-1024x580.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7059a3368-62986835" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-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="1941" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-2.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-2-211x300.png 211w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-2-768x1091.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-2-721x1024.png 721w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7059a3368-62986835" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-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="1386" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-3.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-3-296x300.png 296w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-3-768x779.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-3-1009x1024.png 1009w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7059a3368-62986835" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-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="837" src="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-5.png" class="attachment-full size-full" alt="Digital Artisans - Telkom Denpasar Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-5.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-5-300x184.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-5-768x471.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-Portfolio-5-1024x627.png 1024w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_6683f7059a3368-62986835" href="https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Telkom-Denpasar-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_6683f7059b7710-53113612" 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_6683f7059b8ac8-43877047" 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_6683f7059b93f" 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-6683f7059ba38 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-denpasar-migration-tools/">Telkom &#8211; Denpasar Migration Tools</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/727 objects using memcache
Page Caching using disk: enhanced 
Lazy Loading (feed)
Database Caching using redis (Request-wide modification query)

Served from: digitalartisans.id @ 2024-07-02 12:48:05 by W3 Total Cache
-->