<?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>Featured Works &#8211; Digital Artisans</title>
	<atom:link href="https://digitalartisans.id/portfolio_entries/featured-works/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>Featured Works &#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_66ae5293034343-87717704" 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_66ae52930561e1-27170488" 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_66ae52930561e1-27170488{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52930561e1-27170488{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae5293057185-38370809" 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_66ae5293069af2-42924865" 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_66ae529306c3d7-02508996" 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_66ae52930717b" 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_66ae5293072a72-73592448" 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_66ae5293073c2" 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_66ae5293074d36-90069752" 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_66ae52930754a" 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_66ae5293075f25-99277196" 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_66ae5293078453-52717299" 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_66ae5293078453-52717299{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293078453-52717299{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae5293078dc9-30123565" 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_66ae529307966" 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_66ae52930831c4-09940425" 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_66ae5293091334-19675106" 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_66ae5293091334-19675106{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293091334-19675106{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae5293091d97-58493916" 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_66ae529309278" 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_66ae5293094292-63517091" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae529309c714-53266359" 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_66ae52930d4391-80473582" 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_66ae52930d6e45-37512276" 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_66ae52930d78a" 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-66ae52930df3d 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_66ae52932241c9-97031781" 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_66ae5293229a86-80977140" 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_66ae5293229a86-80977140{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293229a86-80977140{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae529322a589-78209202" 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_66ae5293233fd2-92475429" 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_66ae52932356a2-96179270" 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_66ae52932360b" 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_66ae5293237117-58764341" 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_66ae52932378a" 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_66ae5293238847-68745620" 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_66ae529323921" 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_66ae5293239ce9-18558102" 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_66ae529323adb5-21102180" 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_66ae529323adb5-21102180{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae529323adb5-21102180{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae529323b6b4-19008123" 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_66ae529323bf0" 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_66ae529323e6e2-84772250" 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_66ae5293245b36-78306083" 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_66ae5293245b36-78306083{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293245b36-78306083{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52932464c7-60273484" 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_66ae5293246eb" 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_66ae5293247c96-05197379" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae5293248fa9-78559543" 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_66ae52932797e6-16239211" 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_66ae529327ab91-08701585" 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_66ae529327b4d" 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-66ae529327c4c 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_66ae52932bb3d4-77787044" 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_66ae52932c3b33-28768661" 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_66ae52932c3b33-28768661{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52932c3b33-28768661{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52932c4727-44974784" 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_66ae52932ca5d4-94737773" 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_66ae52932cb837-82099757" 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_66ae52932cc0a" 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_66ae52932cd0d3-20297720" 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_66ae52932cd94" 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_66ae52932ce911-38385843" 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_66ae52932cf03" 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_66ae52932cfa36-08321138" 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_66ae52932d0a70-69408587" 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_66ae52932d0a70-69408587{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52932d0a70-69408587{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52932d12c2-63382463" 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_66ae52932d1c2" 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_66ae52932d4344-18560122" 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_66ae52932e01a5-46521294" 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_66ae52932e01a5-46521294{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52932e01a5-46521294{ font-size:17px !important; line-height:24px !important; } }
			</style>


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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae5293347271-49031733" 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_66ae5293347271-49031733{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293347271-49031733{ font-size:17px !important; line-height:24px !important; } }
			</style>


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

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


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

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae529334e4a4-14647191" 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_66ae529334f933-38133607" 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_66ae529335017" 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_66ae52933511a8-12184067" 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_66ae529335191" class="cl-text cl-element " style="margin-top: 0px;" >

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

</div>

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

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae5293352c11-32771595" 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_66ae529335338" class="cl-text cl-element " style="margin-top: 0px;" >

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

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae5293353dc1-29371628" 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_66ae5293354e41-32174306" 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_66ae5293354e41-32174306{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293354e41-32174306{ font-size:17px !important; line-height:24px !important; } }
			</style>


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

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


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

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

</div>

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

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

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

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

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

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

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

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

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

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae5293368041-52074485" 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_66ae5293368041-52074485{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293368041-52074485{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae5293368951-07823342" 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_66ae52933691e" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works for PT PLN (Persero) Unit Induk Distribusi Bali is to create a mini website to showcase all of their innovation. The mini website is also available in offline mode on Android tablet.</p>

</div>

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

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

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

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_3 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="3822" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-107x300.png 107w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-768x2149.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1-366x1024.png 366w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae529336ae13-30403729" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="3015" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-136x300.png 136w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-768x1695.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2-464x1024.png 464w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae529336ae13-30403729" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1366" height="2939" src="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-139x300.png 139w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-768x1652.png 768w, https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3-476x1024.png 476w" sizes="(max-width: 1366px) 100vw, 1366px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae529336ae13-30403729" href="https://digitalartisans.id/wp-content/uploads/2018/11/likepln-full3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae5293386f37-24223739" 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_66ae52933884f9-85029538" 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_66ae529338918" 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-66ae529338ad9 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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


 



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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/like-pln-bali-2018/">LIKE PLN Bali 2018</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Share Trans</title>
		<link>https://digitalartisans.id/portfolio/share-trans/</link>
		<pubDate>Wed, 10 Jan 2018 08:53:33 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=5019</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/share-trans/">Share Trans</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66ae52933da408-01047266" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 30px;padding-bottom: 0px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-color: #ffffff;background-image: url(https://digitalartisans.id/wp-content/uploads/2018/01/Digital-Artisans-Share-Trans-Portfolio.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container-fluid container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-middle align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae52933e6309-24617141" 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_66ae52933e6309-24617141{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52933e6309-24617141{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h1 id="cl_custom_heading_66ae52933e7ec2-11784997" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 20px;text-transform: none;color: #ffffff;margin-top: 40px;padding-bottom: 30px;border-style: solid;" >

<span style="text-align: center;">Share Trans</span>
</h1>


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

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae52933f4924-21860880" 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_66ae52933f5c15-66384881" 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_66ae52933f64a" class="cl-text cl-element " style="margin-top: 0px;" >

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

</div>

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

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae52933f77a9-30690944" 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_66ae52933f7f2" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">In-house Project</p>

</div>

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

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae52933f8f44-21167585" 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_66ae52933f965" 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_66ae52933fa140-31566096" 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_66ae52933fb339-51177745" 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_66ae52933fb339-51177745{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52933fb339-51177745{ font-size:17px !important; line-height:24px !important; } }
			</style>


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

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


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

	<p style="text-align: left;">Share Trans is a platform to easily find rentable vehicles. Rental owners can put their vehicles to the website. And at the same time, customers can easily find or compare vehicles that they want to rent.</p>

</div>

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

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

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

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

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

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

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

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

	
	<div class="inner"  style="" >
	
		
		
		<img width="640" height="480" src="https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Detail 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac.png 640w, https://digitalartisans.id/wp-content/uploads/2018/01/frame_mac-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" />
					
	</div>
</div>        </div><!-- .col-content -->

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae5293408a45-54719945" 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_66ae5293408a45-54719945{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae5293408a45-54719945{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52934092f2-25131627" 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_66ae5293409b5" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">Our works was to create each and every web and apps for Share Trans, and at the same time also run the business.&nbsp;</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae529340a7d6-35092590" 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_66ae529340ba16-04863980" 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_66ae529340ba16-04863980{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae529340ba16-04863980{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae529340c278-12855798" 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_66ae529340ca7" 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_66ae5293419209-59519579" 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_66ae529341bdb0-77229866" 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_66ae529341bdb0-77229866{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae529341bdb0-77229866{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae529341c7d7-85002890" 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_66ae529341cfe" 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_66ae529341dc07-46375361" 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_66ae529341f4f3-93943840" 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_66ae52934201b8-39033346" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 45px;border-style: solid;" ><div class="video-section social-video"  data-stream="none" style="opacity:0;"><div class="cl-video-centered"></div></div><div class="bg-layer " style="background-position: left top;background-size: cover;background-repeat: no-repeat;background-attachment: scroll;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="container container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div class="cl-element cl_column col-sm-12  align-h-left align-v-top effect-none animate_on_visible bottom-t-top dark-text" style="" data-delay="none" data-speed="500" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 20px;border-style: solid;" >
    	
        <div class="bg-layer " style="background-position: left top;background-repeat: no-repeat;background-size: cover;background-attachment: scroll;background-blend-mode: normal;" ></div>

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

    	<div class="col-content">
        	
<div class="cl_gallery cl-element items_2 with-lightbox" style="margin-top: 35px;" >
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="635" src="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-300x141.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-768x362.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938-1024x482.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st5-e1515648160938.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1345" height="767" src="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 2" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png 1345w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-768x438.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821-1024x584.png 1024w" sizes="(max-width: 1345px) 100vw, 1345px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st4-e1515648192821.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1345" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 3" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png 1345w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-768x439.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935-1024x585.png 1024w" sizes="(max-width: 1345px) 100vw, 1345px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st1-e1515648437935.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="767" src="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 5" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-768x437.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464-1024x583.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st2-e1515648296464.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1348" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 4" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png 1348w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-768x438.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407-1024x583.png 1024w" sizes="(max-width: 1348px) 100vw, 1348px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st3-e1515648220407.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1349" height="634" src="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png" class="attachment-full size-full" alt="Digital Artisans - Share Trans Portfolio 6" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png 1349w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-300x141.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-768x361.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/st6-1024x481.png 1024w" sizes="(max-width: 1349px) 100vw, 1349px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae5293421195-53771990" href="https://digitalartisans.id/wp-content/uploads/2018/01/st6.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae5293457319-37321713" 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_66ae52934587a6-83472322" 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_66ae529345913" 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-66ae529345a06 animated-entries portfolio-layout-grid portfolio-style-only_media owl-carousel cl-carousel owl-theme overlay-layout-center overlay-anim_alpha-anim cl-element" style="" data-grid-cols="3" data-rowheight="200" data-margins="15" data-carousel-dots="1"  >
            

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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

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

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

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

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

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

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

  
    
            


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

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

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

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


 



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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/share-trans/">Share Trans</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></content:encoded>
			</item>
		<item>
		<title>Balispirit</title>
		<link>https://digitalartisans.id/portfolio/balispirit/</link>
		<pubDate>Wed, 20 Dec 2017 10:01:05 +0000</pubDate>
		<dc:creator><![CDATA[dart-wp-admin]]></dc:creator>
		
		<guid isPermaLink="false">https://digitalartisans.id/?post_type=portfolio&#038;p=4743</guid>
		<description><![CDATA[<p>The post <a rel="nofollow" href="https://digitalartisans.id/portfolio/balispirit/">Balispirit</a> appeared first on <a rel="nofollow" href="https://digitalartisans.id">Digital Artisans</a>.</p>
]]></description>
				<content:encoded><![CDATA[<div id="cl_row_66ae52934ab101-00371045" class="cl-row cl-element light-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: #990000;background-image: url(https://digitalartisans.id/wp-content/uploads/2017/12/bg_header.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_66ae52934b1837-78923730" 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_66ae52934b1837-78923730{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52934b1837-78923730{ font-size:17px !important; line-height:24px !important; } }
			</style>


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

<span style="text-align: center;">BaliSpirit</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/balispirit.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/balispirit.png 1366w, https://digitalartisans.id/wp-content/uploads/2018/01/balispirit-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/balispirit-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/balispirit-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_66ae52934b8452-87576989" 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_66ae52934b98d3-40530182" 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_66ae52934ba2d" class="cl-text cl-element " style="margin-top: 0px;" >

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

</div>

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

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

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

    	<div class="col-content">
        	
<h2 id="cl_custom_heading_66ae52934bb407-59044288" 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_66ae52934bbc2" class="cl-text cl-element " style="margin-top: 0px;" >

	<p style="text-align: center;">BaliSpirit</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_66ae52934bcc52-50833011" 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_66ae52934bd42" class="cl-text cl-element " style="margin-top: 0px;" >

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

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae52934be007-47550873" 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_66ae52934bf168-69214332" 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_66ae52934bf168-69214332{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52934bf168-69214332{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52934bf9e4-93436105" 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 Balispirit</span></span>
</h2>


<div id="cl_text_66ae52934c023" 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;">Balispirit is an advertising website for yogis to find many info about yoga, including yoga retreat, yoga event, yoga teacher training and many more in Bali.</p>

</div>

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

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

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

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

	
	<div class="inner"  style="" >
	
		
		
		<img width="1366" height="768" src="https://digitalartisans.id/wp-content/uploads/2017/12/BS-featured.png" class="attachment-full size-full" alt="" srcset="https://digitalartisans.id/wp-content/uploads/2017/12/BS-featured.png 1366w, https://digitalartisans.id/wp-content/uploads/2017/12/BS-featured-300x169.png 300w, https://digitalartisans.id/wp-content/uploads/2017/12/BS-featured-768x432.png 768w, https://digitalartisans.id/wp-content/uploads/2017/12/BS-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_66ae52934c3331-86043372" 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/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_66ae52934c6498-10687884" 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_66ae52934c6498-10687884{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52934c6498-10687884{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52934c7310-10177522" 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_66ae52934c7b8" 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. Our works is done&nbsp;by using CodeIgniter for PHP framework and Twig as a template engine.</p>

</div>

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

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae52934c9292-22922042" 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_66ae52934ca4b3-76496463" 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_66ae52934ca4b3-76496463{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52934ca4b3-76496463{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52934cacd0-01812280" 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_66ae52934cb4c" 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&nbsp;</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_66ae52934ceba9-86556042" 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_66ae52934d1790-89319250" 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_66ae52934d1790-89319250{ font-size: !important; line-height: !important; } }
		
					@media (max-width:767px){ #cl_custom_heading_66ae52934d1790-89319250{ font-size:17px !important; line-height:24px !important; } }
			</style>


<h2 id="cl_custom_heading_66ae52934d21d9-29490011" 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_66ae52934d2b3" 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_66ae52934d36a0-98441047" 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_66ae52934d47f6-55060985" 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_66ae52934d53b1-99966591" 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="1351" height="768" src="https://digitalartisans.id/wp-content/uploads/2018/01/bs5.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio 5" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/bs5.png 1351w, https://digitalartisans.id/wp-content/uploads/2018/01/bs5-300x171.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/bs5-768x437.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/bs5-1024x582.png 1024w" sizes="(max-width: 1351px) 100vw, 1351px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae52934d63e6-50837258" href="https://digitalartisans.id/wp-content/uploads/2018/01/bs5.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="1365" height="637" src="https://digitalartisans.id/wp-content/uploads/2018/01/ss1.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio 1" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/ss1.png 1365w, https://digitalartisans.id/wp-content/uploads/2018/01/ss1-300x140.png 300w, https://digitalartisans.id/wp-content/uploads/2018/01/ss1-768x358.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/ss1-1024x478.png 1024w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae52934d63e6-50837258" href="https://digitalartisans.id/wp-content/uploads/2018/01/ss1.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1365" height="1581" src="https://digitalartisans.id/wp-content/uploads/2018/01/ss2.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio 2" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/ss2.png 1365w, https://digitalartisans.id/wp-content/uploads/2018/01/ss2-259x300.png 259w, https://digitalartisans.id/wp-content/uploads/2018/01/ss2-768x890.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/ss2-884x1024.png 884w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae52934d63e6-50837258" href="https://digitalartisans.id/wp-content/uploads/2018/01/ss2.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1365" height="1413" src="https://digitalartisans.id/wp-content/uploads/2018/01/ss3.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio 3" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/ss3.png 1365w, https://digitalartisans.id/wp-content/uploads/2018/01/ss3-290x300.png 290w, https://digitalartisans.id/wp-content/uploads/2018/01/ss3-768x795.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/ss3-989x1024.png 989w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae52934d63e6-50837258" href="https://digitalartisans.id/wp-content/uploads/2018/01/ss3.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
	<div class="gallery-item"  style="padding: 5px;" >
		<div class="inner-wrapper">
			<img width="1365" height="1545" src="https://digitalartisans.id/wp-content/uploads/2018/01/ss4.png" class="attachment-full size-full" alt="Digital Artisans - Balispirit Portfolio 4" srcset="https://digitalartisans.id/wp-content/uploads/2018/01/ss4.png 1365w, https://digitalartisans.id/wp-content/uploads/2018/01/ss4-265x300.png 265w, https://digitalartisans.id/wp-content/uploads/2018/01/ss4-768x869.png 768w, https://digitalartisans.id/wp-content/uploads/2018/01/ss4-905x1024.png 905w" sizes="(max-width: 1365px) 100vw, 1365px" />							<div class="overlay">
				    <a data-lboxid="cl_gallery_66ae52934d63e6-50837258" href="https://digitalartisans.id/wp-content/uploads/2018/01/ss4.png" class="entry-lightbox"><i class="cl-icon-search"></i></a>
				</div>
					</div>
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_66ae52934f5173-42869140" 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_66ae52934f63a3-99473581" 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_66ae52934f6cb" 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-66ae52934f7ab 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/balispirit/">Balispirit</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/598 objects using memcache
Page Caching using disk: enhanced 
Lazy Loading (feed)
Database Caching 17/177 queries in 0.093 seconds using redis

Served from: digitalartisans.id @ 2024-08-03 15:53:55 by W3 Total Cache
-->