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

<channel>
	<title>Web Archives - Ar Tearman</title>
	<atom:link href="https://skye-cottage.com/portfolio_entries/web/feed/" rel="self" type="application/rss+xml" />
	<link>https://skye-cottage.com/portfolio_entries/web/</link>
	<description>Luxury Cottage - Skye - Scotland</description>
	<lastBuildDate>Sat, 06 Sep 2025 18:44:46 +0000</lastBuildDate>
	<language>en-GB</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://skye-cottage.com/wp-content/uploads/2019/07/cropped-favicon-32x32.jpg</url>
	<title>Web Archives - Ar Tearman</title>
	<link>https://skye-cottage.com/portfolio_entries/web/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Live Slider</title>
		<link>https://skye-cottage.com/portfolio/portfolio-10/</link>
		
		<dc:creator><![CDATA[shawdev]]></dc:creator>
		<pubDate>Wed, 08 Mar 2017 13:52:21 +0000</pubDate>
				<guid isPermaLink="false">http://codeless.co/folie/default/?post_type=portfolio&#038;p=2098</guid>

					<description><![CDATA[<p>In this model, the magazine is sold to readers for a price, either on a per-issue basis or by subscription, where an annual fee or monthly price is paid and issues are sent by post to readers. Paid circulation allows for defined readership statistics.</p>
<p>The post <a href="https://skye-cottage.com/portfolio/portfolio-10/">Live Slider</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="cl_page_header cl-element cl-load-component simple light-text" style="height: 400px;border-color: #ebebeb;" ><div class="cl-loading"></div><div class="wrapper-layers cl-wait-for-load" data-delay="1"><div class="bg-layer " style="background-color: #f5f5f5;background-image: url(https://skye-cottage.com/wp-content/uploads/2019/10/over-the-sea.jpg);background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-blend-mode: normal;"  data-parallax-config='{ "speed": 0.3 }'></div><div class="overlay " style="" ></div><div class="effect-wrapper"></div></div><div class="wrapper-content cl-wait-for-load" data-delay="2"><div class="container container-content"><div class="row"><div class="col-sm-12"><div class="title_part"><h1 class="custom_font h1" style="" >Portfolio Single Wide&nbsp;</h1></div><div class="breadcrumbss"><ul class="page_parents pull-right" style="background-color: #fff;"><li>You are here</li><li class="home"><a href="https://skye-cottage.com">Home</a></li><li class="active"><a href="https://skye-cottage.com/portfolio/portfolio-10/">Portfolio Single Wide&nbsp;</a></li></ul></div></div></div></div></div></div>
<p>The post <a href="https://skye-cottage.com/portfolio/portfolio-10/">Live Slider</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Responsive Design</title>
		<link>https://skye-cottage.com/portfolio/portfolio-6/</link>
		
		<dc:creator><![CDATA[shawdev]]></dc:creator>
		<pubDate>Wed, 15 Feb 2017 18:40:55 +0000</pubDate>
				<guid isPermaLink="false">http://codeless.co/folie/default/?post_type=portfolio&#038;p=1027</guid>

					<description><![CDATA[<p>Responsive web design (RWD) is an approach to web design aimed at allowing desktop webpages to be viewed in response to the size of the screen or web browser one is viewing with. In addition it's important to understand that Responsive Web Design tasks include offering the same support to a variety of devices for a single website</p>
<p>The post <a href="https://skye-cottage.com/portfolio/portfolio-6/">Responsive Design</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="cl_row_69cbe37ae22642-38918825" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 300px;padding-bottom: 300px;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-image: url();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 container-content"><div class="row cl_row-sortable cl-col-tablet-none">
<div id="cl_column_69cbe37aed8031-80020732"  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: 0px;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37aed9bf6-14978173" class="cl-row cl-element dark-text " style="padding-top: 70px;padding-bottom: 0;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-col-tablet-none">
<div id="cl_column_69cbe37aedbfe3-58555662"  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_69cbe37af0aca5-19991400" 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: center;"><mark class="highlight">E-Commerce Shopping</mark></span>
</h2>


<h2 id="cl_custom_heading_69cbe37af0d584-97724580" 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: center;"><span style="letter-spacing: 0px;">About Vanilla</span></span>
</h2>


<div id="cl_text_69cbe37af3d23" 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: center;">Vanilla eCommerce Website have asked us to rebuild their website.</p>
<p style="text-align: center;">They are one of biggest shop on the internet.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37af3f9b5-26606172" class="cl-row cl-element dark-text " style="padding-top: 35px;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=""  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 id="cl_column_69cbe37af41dd7-84657576"  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 zoom-in" style="margin-top: 15px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b0b2d80-28349502"  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 zoom-in" style="margin-top: 15px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b131cf5-19069108" class="cl-row cl-element dark-text " style="padding-top: 70px;padding-bottom: 35px;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-col-tablet-none">
<div id="cl_column_69cbe37b133233-36566845"  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_69cbe37b134397-17063637" 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: center;">Challenge &amp; Solution</span>
</h2>


<div id="cl_text_69cbe37b1353a" 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: center;">The challenge was to design and develop iOS and Android apps from scratch</p>
<p style="text-align: center;">We employed a team of developers and 1 designer to tackle the challenge.</p>
<p style="text-align: center;">The team completed the design and development</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b1368f5-52781871" class="cl-row cl-element dark-text cl-parallax " style="padding-top: 200px;padding-bottom: 200px;margin-top: 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: #f6f6f6;background-image: url();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 id="cl_column_69cbe37b1b57b3-11106156"  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">
        	        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b1b6d89-19988400" class="cl-row cl-element 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-col-tablet-none">
<div id="cl_column_69cbe37b1b7ca3-66425202"  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">
        	
<div class="cl_media cl-element  type-image position_stretch" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b24ff86-27461720"  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">
        	
<div class="cl_media cl-element  type-image position_stretch" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b2b81b7-93560607"  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">
        	
<div class="cl_media cl-element  type-image position_stretch" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b335d64-05157346" class="cl-row cl-element 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=""  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 id="cl_column_69cbe37b337d21-73151531"  class="cl-element cl_column col-sm-3  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_counter cl-element animate_on_visible align-center" style="margin-top: 0px;" >

    <div class="odometer" data-number="10" data-duration="2000"></div>

</div>
        

<h2 id="cl_custom_heading_69cbe37b33d0b3-00339720" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 16px;font-weight: 700;line-height: 20px;text-transform: uppercase;color: #222222;margin-top: 20px;border-style: solid;" >

<span style="text-align: center;">Million of Installations</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b33e4c9-16662659"  class="cl-element cl_column col-sm-3  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_counter cl-element animate_on_visible align-center" style="margin-top: 0px;" >

    <div class="odometer" data-number="250" data-duration="2000"></div>

</div>
        

<h2 id="cl_custom_heading_69cbe37b33fb98-11449686" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 16px;font-weight: 700;line-height: 20px;text-transform: uppercase;color: #222222;margin-top: 20px;border-style: solid;" >

<span style="text-align: center;">Transaction a day</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b340f35-87478626"  class="cl-element cl_column col-sm-3  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_counter cl-element animate_on_visible align-center" style="margin-top: 0px;" >

    <div class="odometer" data-number="60" data-duration="2000"></div>

</div>
        

<h2 id="cl_custom_heading_69cbe37b342758-99647638" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 16px;font-weight: 700;line-height: 20px;text-transform: uppercase;color: #222222;margin-top: 20px;border-style: solid;" >

<span style="text-align: center;">Million in sales</span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b3436b1-33932195"  class="cl-element cl_column col-sm-3  align-h-left align-v-top effect-none dark-text" style="" >
    
    <div class="cl_col_wrapper " style="padding-top: 20px;padding-bottom: 0;border-style: solid;" >
    	
        <div class="bg-layer " style="" ></div>

        <div class="overlay " style="" ></div>

    	<div class="col-content">
        	
<div class="cl_counter cl-element animate_on_visible align-center" style="margin-top: 0px;" >

    <div class="odometer" data-number="124" data-duration="2000"></div>

</div>
        

<h2 id="cl_custom_heading_69cbe37b344aa3-58482876" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 16px;font-weight: 700;line-height: 20px;text-transform: uppercase;color: #222222;margin-top: 20px;border-style: solid;" >

<span style="text-align: center;"><span style="letter-spacing: 0px;">Days Featured APP</span></span>
</h2>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b346013-20535331" class="cl-row cl-element dark-text " style="padding-top: 70px;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-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 id="cl_column_69cbe37b3479d8-34048274"  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_69cbe37b349131-83675913" 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: 35px;border-style: solid;" >

<span style="text-align: center;">Recent Works</span>
</h2>


<div id="cl_text_69cbe37b34a11" 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: 45px;" >

	<p style="text-align: center;">Check out what other fantastic projects we finished</p>

</div>

<div id="portfolio-entries" class="portfolio-entries grid-entries portfolio-entries-69cbe37b35cf4 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-lastrow="nojustify"  >
            

<div id="cl-portfolio-item-146" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-146 portfolio type-portfolio status-publish hentry" 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(12,12,12,0.9);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Clean &amp; Beautiful Company Brand Website</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-new-2/" title="Clean &amp; Beautiful Company Brand Website"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-145" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-145 portfolio type-portfolio status-publish hentry" 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(113,159,237,0.9);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">Brand Built with sophisticated website creation.</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-new/" title="Brand Built with sophisticated website creation."></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-4643" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-4643 portfolio type-portfolio status-publish hentry" 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(221,115,115,0.68);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">User-Experience and UX for Stockholm Company</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-1-2/" title="User-Experience and UX for Stockholm Company"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-4642" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-4642 portfolio type-portfolio status-publish hentry" 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(238,238,34,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">High Quality Design with sophisticated one-click setup</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/testtt/" title="High Quality Design with sophisticated one-click setup"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-4641" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-4641 portfolio type-portfolio status-publish hentry" 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(219,171,191,0.86);">
            <div class="inner-wrapper">
                                    <div class="content-wrapper">
                        
                        
                            <h3 class="h5 custom_font with_anim cl-portfolio-title" data-delay="200">e-Gov system for Government sector in USSSD State</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/test2/" title="e-Gov system for Government sector in USSSD State"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-99" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-99 portfolio type-portfolio status-publish hentry" 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">News Portal for a big News &amp; Media Agency in Milano</h3>

                        
                            <span  data-delay="300" class="categories with_anim"></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/test/" title="News Portal for a big News &amp; Media Agency in Milano"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-151" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-151 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding portfolio_entries-cover" 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">Half Fold Mockup</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a>, <a href="https://skye-cottage.com/portfolio_entries/cover/" rel="tag">Cover</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-8-2/" title="Half Fold Mockup"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-134" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-134 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding portfolio_entries-cover" 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">Card Identikit</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a>, <a href="https://skye-cottage.com/portfolio_entries/cover/" rel="tag">Cover</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-6-2/" title="Card Identikit"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-133" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-133 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding portfolio_entries-cover" 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">Cover Magazine</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a>, <a href="https://skye-cottage.com/portfolio_entries/cover/" rel="tag">Cover</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-5-2/" title="Cover Magazine"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-132" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-132 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding" 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">Bottle Mockup</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-4/" title="Bottle Mockup"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-131" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-131 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding portfolio_entries-cover" 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">iPhone Mockup</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a>, <a href="https://skye-cottage.com/portfolio_entries/cover/" rel="tag">Cover</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-3-2/" title="iPhone Mockup"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</div><!-- .post-thumbnail --> 
</div><!-- .entry-media --> 	
        	
        </div><!-- .grid-holder-inner -->

    </div><!-- .grid-holder -->
    </div><!-- #post-## -->

<div id="cl-portfolio-item-130" class="portfolio_item animate_on_visible bottom-t-top cl-isotope-item post-130 portfolio type-portfolio status-publish hentry portfolio_entries-advertising portfolio_entries-branding" 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">Branding Glasess</h3>

                        
                            <span  data-delay="300" class="categories with_anim"><a href="https://skye-cottage.com/portfolio_entries/advertising/" rel="tag">Advertising</a>, <a href="https://skye-cottage.com/portfolio_entries/branding/" rel="tag">Branding</a></span>

                        
                    </div><!-- .content-wrapper -->
                            </div><!-- .inner-wrapper -->

        </div><!-- overlay-wrapper -->

  
    
            


        <a class="entry-link " target="_self"  href="https://skye-cottage.com/portfolio/portfolio-2/" title="Branding Glasess"></a>
        </div><!-- Entry Overlay -->

    	
	
	<div class="post-thumbnail">
		
	
		<img decoding="async" class="placeholder-img" src="https://skye-cottage.com/wp-content/themes/folie/img/placeholder-img.png" alt="Placeholder Image" />		
		
	</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 href="https://skye-cottage.com/portfolio/portfolio-6/">Responsive Design</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>iOS App</title>
		<link>https://skye-cottage.com/portfolio/portfolio-8/</link>
		
		<dc:creator><![CDATA[shawdev]]></dc:creator>
		<pubDate>Wed, 15 Feb 2017 18:40:55 +0000</pubDate>
				<guid isPermaLink="false">http://codeless.co/folie/default/?post_type=portfolio&#038;p=1029</guid>

					<description><![CDATA[<p>It is a free download, with an Apple registration, that allows developers to develop native applications for the iPhone and iPod Touch, then test them in an "iPhone simulator". </p>
<p>The post <a href="https://skye-cottage.com/portfolio/portfolio-8/">iOS App</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="cl_row_69cbe37b5c15b2-23212660" class="cl-row cl-element dark-text " style="padding-top: 45px;padding-bottom: 65px;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-col-tablet-none">
<div id="cl_column_69cbe37b5c33d7-86421538"  class="cl-element cl_column col-sm-8  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" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>
<div class="cl_media cl-element  type-image position_stretch" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>
<div class="cl_media cl-element  type-image position_stretch" style="margin-top: 15px;" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b6e2581-11755318"  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">
        	
<h1 id="cl_custom_heading_69cbe37b6e3c05-71137641" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

Project Title
</h1>


<div id="cl_text_69cbe37b6e4eb" class="cl-text cl-element " style="font-size: 15px;font-weight: 400;line-height: 30px;text-transform: none;margin-top: 5px;" >

	<p>This is the best  project we have done in the last 10 years. We are very proud for the evolution from back-end page builder to the first 100% live front-end website builder.</p>

</div>


<h2 id="cl_custom_heading_69cbe37b6e5c23-60172480" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 35px;border-style: solid;" >

Date
</h2>


<div id="cl_text_69cbe37b6e676" class="cl-text cl-element " style="font-size: 15px;font-weight: 400;line-height: 20px;text-transform: none;margin-top: 5px;" >

	<p>22 March 2017</p>

</div>


<h2 id="cl_custom_heading_69cbe37b6e7294-93507784" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

Client
</h2>


<div id="cl_text_69cbe37b6e7db" class="cl-text cl-element " style="font-size: 15px;font-weight: 400;line-height: 20px;text-transform: none;margin-top: 5px;" >

	<p>Google Corporation</p>

</div>


<h2 id="cl_custom_heading_69cbe37b6e87e3-26391346" class="cl-custom-heading cl-element custom_font h4" style="margin-top: 0px;border-style: solid;" >

Category
</h2>


<div id="cl_text_69cbe37b6e923" class="cl-text cl-element " style="font-size: 15px;font-weight: 400;line-height: 20px;text-transform: none;margin-top: 5px;" >

	<p>WordPress</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div>
<p>The post <a href="https://skye-cottage.com/portfolio/portfolio-8/">iOS App</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Presentation Cards</title>
		<link>https://skye-cottage.com/portfolio/new-portfolio/</link>
		
		<dc:creator><![CDATA[shawdev]]></dc:creator>
		<pubDate>Wed, 25 Jan 2017 11:31:36 +0000</pubDate>
				<guid isPermaLink="false">http://codeless.co/folie/default/?post_type=portfolio&#038;p=454</guid>

					<description><![CDATA[<p>They are shared during formal introductions as a convenience and a memory aid. A business card typically includes the giver's name, company or business affiliation (usually with a logo) and contact information such as street addresses, telephone number(s), fax number, e-mail addresses and website.</p>
<p>The post <a href="https://skye-cottage.com/portfolio/new-portfolio/">Presentation Cards</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id="cl_row_69cbe37b765d42-52085583" class="cl-row cl-element light-text cl-parallax " style="padding-top: 150px;padding-bottom: 150px;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;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 id="cl_column_69cbe37b767204-20620795"  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_69cbe37b768f39-37730026" 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;">LIVE PORTFOLIO EDITING</span>
</h2>


<h2 id="cl_custom_heading_69cbe37b76a071-46695315" class="cl-custom-heading cl-element custom_font custom_font" style="font-size: 71px;font-weight: 700;line-height: 42px;text-transform: none;color: #fcfcfc;margin-top: 40px;padding-bottom: 70px;border-style: solid;" >

<span style="text-align: center;">Webbyes</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="" >
	
		
		
		
					
	</div>
</div>
<div id="cl_text_69cbe37b7d55c" class="cl-text cl-element " style="font-size: 26px;font-weight: 600;line-height: 37px;text-transform: none;margin-top: 40px;" >

	<p>The best portfolio website for designers and developers.&nbsp;</p>
<p>Webbyes is mentioned on the best magazines and is&nbsp;</p>
<p>Ycombinator Project</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b7d71f6-46443077" class="cl-row cl-element 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=""  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 id="cl_column_69cbe37b7da3e3-68666055"  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_69cbe37b7dbe11-26681072" 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;"><font color="#1fb4cc">WebSITE CREATION</font></span>
</h2>


<h2 id="cl_custom_heading_69cbe37b7dd2d6-81833565" 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 Webbyes</span></span>
</h2>


<div id="cl_text_69cbe37b7de30" 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;">Webbyes is one the most used platform to create online portfolio. They want a new web design for their front page. The new website need more conversion and better connection with the people.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b7df482-02549707"  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 id="cl_row_inner_69cbe37b8003d7-46764577" class="cl-row_inner  cl-element " style="margin-top: 35px;" ><div class="row cl_row-sortable">
<div id="cl_column_inner_69cbe37b81c551-93938495" class="cl-element cl_column_inner col-sm-6 dark-text" style="" >
	<div class="wrapper " style="padding-top: 10px;padding-bottom: 10px;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 zoom-in" style="margin-top: 15px;" data-delay="none" data-speed="500" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>		</div>
	</div>
</div>
<div id="cl_column_inner_69cbe37b873211-39569565" class="cl-element cl_column_inner col-sm-6 dark-text" style="" >
	<div class="wrapper " style="padding-top: 10px;padding-bottom: 10px;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 zoom-in" style="margin-top: 15px;" data-delay="none" data-speed="400" >

	
	<div class="inner"  style="" >
	
		
		
		
					
	</div>
</div>		</div>
	</div>
</div></div></div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b8e17a6-63011150" class="cl-row cl-element 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 id="cl_column_69cbe37b8e2eb8-32979246"  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="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b959ee5-96207371"  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_69cbe37b95b418-38434728" 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;"><font color="#1fb4cc">Brand Building</font></span>
</h2>


<h2 id="cl_custom_heading_69cbe37b95c644-07647597" 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;">Challenge</span>
</h2>


<div id="cl_text_69cbe37b95d54" class="cl-text cl-element " style="font-size: 20px;font-weight: 400;line-height: 32px;text-transform: none;color: #969696;margin-top: 10px;" >

	<p style="text-align: left;">The challenge was to design and develop iOS and Android apps from scratch We employed a team of developers and 1 designer to tackle the challenge. The team completed the design and development</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b95eb51-87431866" class="cl-row cl-element 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-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 id="cl_column_69cbe37b95feb3-09649868"  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_69cbe37b960ee1-75393003" 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;"><mark class="highlight">LIVE PORTFOLIO EDITING</mark></span>
</h2>


<h2 id="cl_custom_heading_69cbe37b961d18-48208846" 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_69cbe37b962aa" 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 with WordPress Theme that is fully responsive and retina. Everything looks great and useful.</p>
<p style="text-align: left;">Webbyes staff was amazed by the job we have done.</p>

</div>

        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column -->
<div id="cl_column_69cbe37b963bf2-43288287"  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="" >
	
		
		
		
					
	</div>
</div>        </div><!-- .col-content -->

            </div><!-- .cl_col_wrapper -->
</div><!-- .cl_column --></div></div></div><div id="cl_row_69cbe37b9811a2-22745380" class="cl-row cl-element 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 id="cl_column_69cbe37b983032-40387486"  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_69cbe37b98ca04-21901679" 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>
<p>The post <a href="https://skye-cottage.com/portfolio/new-portfolio/">Presentation Cards</a> appeared first on <a href="https://skye-cottage.com">Ar Tearman</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
