<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>Portfolio &#8211; Ricardo Gonçalves</title>
	<atom:link href="https://www.ricardogoncalves.com/portfolio/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ricardogoncalves.com</link>
	<description>Web Designer &#38; Creative</description>
	<lastBuildDate>Thu, 16 Feb 2023 15:43:45 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.0.11</generator>
	<item>
		<title>Price List Flyer</title>
		<link>https://www.ricardogoncalves.com/portfolio/price-list-flyer/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Wed, 15 Feb 2023 11:57:43 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3593</guid>

					<description><![CDATA[<br/>]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Main-1_Flyer_Price_List_MC_2023.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Main-1_Flyer_Price_List_MC_2023.jpg?ssl=1" alt="image" data-mwl-img-id="3598" data-recalc-dims="1"></a>
	</div>

	<br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img2_Flyer_Price_List_MC_2023.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img2_Flyer_Price_List_MC_2023.jpg?ssl=1" alt="image" data-mwl-img-id="3596" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img3_Flyer_Price_List_MC_2023.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img3_Flyer_Price_List_MC_2023.jpg?ssl=1" alt="image" data-mwl-img-id="3597" data-recalc-dims="1"></a>
	</div>

	</p>
<p><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2023 </h4>  Prospectus with price list.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>Product information and institutional presentation.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>All graphics created in Illustrator, image editing in Photoshop.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:80%; border-radius: 5px; height:5px; background-color: #f8b30e;" data-num="80%">

		<h6 class="p-title" style="color:#f8b30e;">illustrator</h6>

		<h6 class="p-num p-num80" style="">80</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num80').animateNumber(

	    {

	      number: 80,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #0083dc;" data-num="20%">

		<h6 class="p-title" style="color:#0083dc;">photoshop</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Mobile App Asas</title>
		<link>https://www.ricardogoncalves.com/portfolio/app-asas/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Mon, 19 Sep 2022 21:56:53 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3617</guid>

					<description><![CDATA[Figma Prototype#01 Arrival at the Site Figma Prototype#02 Audiovisual Record and Observations Figma Prototype#03 Game &#8220;Where are the Birdies?&#8221; Figma Prototype#04 Exchange Points Wireflow 01 &#124; Arrival at the Site Wireflow 02 &#124; Audiovisual Record and Observations Wireflow 03 &#124; Game &#8220;Where are the Birdies?&#8221; Wireflow 04 &#124; Exchange Points]]></description>
										<content:encoded><![CDATA[<p><iframe width="740" height="416" src="https://www.youtube-nocookie.com/embed/GIS2nDgivMo" class="vid iframe-youtube" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe><br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div></p>
<div style="text-align:center; display:block:">
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/chegada.png?ssl=1" class="swipebox last" title="Figma Prototype | Arrival at the Site" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/chegada.png?ssl=1" alt="image" data-mwl-img-id="3634" data-recalc-dims="1"></a>
	</div>

	<br /><b>Figma Prototype</b><br /><a href="https://bit.ly/3z9iB4c" target="_blank" rel="noopener"><i>#01 Arrival at the Site</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/observar.png?ssl=1" class="swipebox last" title="Figma Prototype | Audiovisual Record and Observations" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/observar.png?ssl=1" alt="image" data-mwl-img-id="3656" data-recalc-dims="1"></a>
	</div>

	<br /><b>Figma Prototype</b><br /><a href="https://bit.ly/3MXM3zT" target="_blank" rel="noopener"><i>#02 Audiovisual Record and Observations</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/jogo.png?ssl=1" class="swipebox last" title="Figma Prototype | Game Where are the Birdies?" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/jogo.png?ssl=1" alt="image" data-mwl-img-id="3633" data-recalc-dims="1"></a>
	</div>

	<br /><b>Figma Prototype</b><br /><a href="https://bit.ly/3TGNncu" target="_blank" rel="noopener"><i>#03 Game &#8220;Where are the Birdies?&#8221;</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/pontos.png?ssl=1" class="swipebox last" title="Figma Prototype | Exchange Points" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/pontos.png?ssl=1" alt="image" data-mwl-img-id="3632" data-recalc-dims="1"></a>
	</div>

	<br /><b>Figma Prototype</b><br /><a href="https://bit.ly/3z8nJoY" target="_blank" rel="noopener"><i>#04 Exchange Points</i></a>
</div>
</div>
<p><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-01-Chegada-ao-Local.png?ssl=1" class="swipebox last" title="Wireflow 01 | Arrival at the Site" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-01-Chegada-ao-Local.png?ssl=1" alt="image" data-mwl-img-id="3661" data-recalc-dims="1"></a>
	</div>

	<br />
<b>Wireflow 01 | Arrival at the Site</b><br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C40&#038;ssl=1" width="1 px" height="40 px" style="display:inherit; height:40px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-02-Registo-Audiovisual-e-Observacoes.png?ssl=1" class="swipebox last" title="Wireflow 02 | Audiovisual Record and Observations" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-02-Registo-Audiovisual-e-Observacoes.png?ssl=1" alt="image" data-mwl-img-id="3659" data-recalc-dims="1"></a>
	</div>

	<b>Wireflow 02 | Audiovisual Record and Observations</b><br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C40&#038;ssl=1" width="1 px" height="40 px" style="display:inherit; height:40px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-03-Jogo-de-Realidade-Aumentada.png?ssl=1" class="swipebox last" title="Wireflow 03 | Game Where are the Birdies?" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-03-Jogo-de-Realidade-Aumentada.png?ssl=1" alt="image" data-mwl-img-id="3660" data-recalc-dims="1"></a>
	</div>

	<b>Wireflow 03 | Game &#8220;Where are the Birdies?&#8221;</b><br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C40&#038;ssl=1" width="1 px" height="40 px" style="display:inherit; height:40px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-04-Downloads-e-Jogos.png?ssl=1" class="swipebox last" title="Wireflow 04 | Exchange Points" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Wire-Flow-04-Downloads-e-Jogos.png?ssl=1" alt="image" data-mwl-img-id="3662" data-recalc-dims="1"></a>
	</div>

	<b>Wireflow 04 | Exchange Points</b><br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div></p>
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><br />
<h4>2022</h4>Mobile App Asas.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>The Mobile Asas Application had in its genesis the need to build a solution that combined the recreational, environmental and scientific aspects, without having to compartmentalize them and serving a heterogeneous public. One of the added values is having a detailed and very comprehensive catalog of the birds of Portugal available.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>The App was built as part of the Interaction Design Graduate course. As a knowledge base, it resorted to archival data from theAVESDEPORTUGAL.INFO portal. The prototype was developed in Figma. In the academic field, several UX studies and tests were carried out, which contributed decisively to the final layout.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:90%; border-radius: 5px; height:5px; background-color: #ff3070;" data-num="90%">

		<h6 class="p-title" style="color:#ff3070;">figma</h6>

		<h6 class="p-num p-num90" style="">90</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num90').animateNumber(

	    {

	      number: 90,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #0083dc;" data-num="10%">

		<h6 class="p-title" style="color:#0083dc;">photoshop</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Website Metro Radical</title>
		<link>https://www.ricardogoncalves.com/portfolio/website-metro-radical/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Mon, 15 Aug 2022 18:29:26 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3600</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-1-MR-Site-2022.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-1-MR-Site-2022.jpg?ssl=1" alt="image" data-mwl-img-id="3602" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C50&#038;ssl=1" width="1 px" height="50 px" style="display:inherit; height:50px !important;" data-recalc-dims="1"/></div>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-2-MR-Site-2022.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-2-MR-Site-2022.jpg?ssl=1" alt="image" data-mwl-img-id="3603" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-3-MR-Site-2022.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Img-3-MR-Site-2022.jpg?ssl=1" alt="image" data-mwl-img-id="3604" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2022 </h4> WordPress Website Renewal for Metro Radical.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>This was a reprint project, as the work was not initially conceived by me. However, all website graphics have been changed.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>Replacement of various png and jpg graphic elements with svg, CSS optimization to facilitate editing in terms of image sizes, creation of interactive forms to fill online.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:75%; border-radius: 5px; height:5px; background-color: #4c83e8;" data-num="75%">

		<h6 class="p-title" style="color:#4c83e8;">wordpress</h6>

		<h6 class="p-num p-num75" style="">75</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num75').animateNumber(

	    {

	      number: 75,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:15%; border-radius: 5px; height:5px; background-color: #b07a1c;" data-num="15%">

		<h6 class="p-title" style="color:#b07a1c;">css3</h6>

		<h6 class="p-num p-num15" style="">15</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num15').animateNumber(

	    {

	      number: 15,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #4ad5c3;" data-num="10%">

		<h6 class="p-title" style="color:#4ad5c3;">html5</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Cake Box</title>
		<link>https://www.ricardogoncalves.com/portfolio/cake-box/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Wed, 15 Jun 2022 20:14:54 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3606</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Casa-de-Fora-CX-Img1.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Casa-de-Fora-CX-Img1.jpg?ssl=1" alt="image" data-mwl-img-id="3607" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C10&#038;ssl=1" width="1 px" height="10 px" style="display:inherit; height:10px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Feature_Casa-de-Fora-CX-Img2.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Feature_Casa-de-Fora-CX-Img2.jpg?ssl=1" alt="image" data-mwl-img-id="3615" data-recalc-dims="1"></a>
	</div>

	</p>
<p><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2022 </h4> Cardboard packaging design for cakes.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>Personalized folding cardboard box to transport eight cupcakes,</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>All graphics created in illustrator. Mockups made in Photoshop.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:75%; border-radius: 5px; height:5px; background-color: #f8b30e;" data-num="75%">

		<h6 class="p-title" style="color:#f8b30e;">illustrator</h6>

		<h6 class="p-num p-num75" style="">75</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num75').animateNumber(

	    {

	      number: 75,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:25%; border-radius: 5px; height:5px; background-color: #0083dc;" data-num="25%">

		<h6 class="p-title" style="color:#0083dc;">photoshop</h6>

		<h6 class="p-num p-num25" style="">25</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num25').animateNumber(

	    {

	      number: 25,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Website Casa de Fora</title>
		<link>https://www.ricardogoncalves.com/portfolio/website-casa-de-fora/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Sun, 12 Jun 2022 10:32:00 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3561</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-1.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-1.jpg?ssl=1" alt="image" data-mwl-img-id="3562" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C50&#038;ssl=1" width="1 px" height="50 px" style="display:inherit; height:50px !important;" data-recalc-dims="1"/></div>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-2.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-2.jpg?ssl=1" alt="image" data-mwl-img-id="3563" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-3.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-3.jpg?ssl=1" alt="image" data-mwl-img-id="3564" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-4.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-4.jpg?ssl=1" alt="image" data-mwl-img-id="3589" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-5.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/10/casa-de-fora-5.jpg?ssl=1" alt="image" data-mwl-img-id="3590" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2022 </h4> WordPress Website for Casa de Fora.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>A very simple site, with sober colors and discreet elements, in keeping with the space and village in which it is located.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>The pages contain a floral-inspired decorative element in the background, which is vectorized. From a video with silhouetted birds, an animated gif was created that simulates the animation on the home page slide. All interior and exterior photographs taken by me.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:70%; border-radius: 5px; height:5px; background-color: #4c83e8;" data-num="70%">

		<h6 class="p-title" style="color:#4c83e8;">wordpress</h6>

		<h6 class="p-num p-num70" style="">70</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num70').animateNumber(

	    {

	      number: 70,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #b07a1c;" data-num="20%">

		<h6 class="p-title" style="color:#b07a1c;">css3</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #4ad5c3;" data-num="10%">

		<h6 class="p-title" style="color:#4ad5c3;">html5</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Logotype Casa de Fora</title>
		<link>https://www.ricardogoncalves.com/portfolio/logotype-casa-de-fora/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Tue, 31 May 2022 21:35:36 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3366</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/06/Casadefora_normal.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/06/Casadefora_normal.jpg?ssl=1" alt="image" data-mwl-img-id="3374" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/06/Casadefora_pretoebranco_trans_txtbranco.png?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/06/Casadefora_pretoebranco_trans_txtbranco.png?ssl=1" alt="image" data-mwl-img-id="3375" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C10&#038;ssl=1" width="1 px" height="10 px" style="display:inherit; height:10px !important;" data-recalc-dims="1"/></div><br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Capa.jpg?ssl=1" class="swipebox" title="" style="width: 31.333333333333%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Capa.jpg?ssl=1" alt="image" data-mwl-img-id="3371" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Folha1.jpg?ssl=1" class="swipebox" title="" style="width: 31.333333333333%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Folha1.jpg?ssl=1" alt="image" data-mwl-img-id="3372" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Folha2.jpg?ssl=1" class="swipebox last" title="" style="width: 31.333333333333%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/CasadeFora-Folha2.jpg?ssl=1" alt="image" data-mwl-img-id="3373" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2022</h4>Logotype for Casa de Fora.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>The &#8220;Casa de Fora&#8221; (Outside House) concept implied that the symbol invoked a house, where the word &#8220;Fora&#8221; (Outside) is on the outside of the house. That was the essential idea, the rest would be the construction of a symbol that should be a piece that could be built in wrought iron, simple and in one color.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>All shapes and artwork made in Illustrator.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:100%; border-radius: 5px; height:5px; background-color: #f8b30e;" data-num="100%">

		<h6 class="p-title" style="color:#f8b30e;">illustrator</h6>

		<h6 class="p-num p-num100" style="">100</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num100').animateNumber(

	    {

	      number: 100,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Website Aromac</title>
		<link>https://www.ricardogoncalves.com/portfolio/website-aromac/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Tue, 31 May 2022 21:01:43 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3356</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-1.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-1.jpg?ssl=1" alt="image" data-mwl-img-id="3363" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C50&#038;ssl=1" width="1 px" height="50 px" style="display:inherit; height:50px !important;" data-recalc-dims="1"/></div>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-2.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-2.jpg?ssl=1" alt="image" data-mwl-img-id="3364" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-3.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Aromac-3.jpg?ssl=1" alt="image" data-mwl-img-id="3365" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2022 </h4> WordPress Website for Aromac.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>The predominant green is the main color of this brand, the graphic aspect is simple and high contrast in its elements for easy reading.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>This is a simple WordPress site, the differentiating element is on the home page which has a ripple effect produced by CSS.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:70%; border-radius: 5px; height:5px; background-color: #4c83e8;" data-num="70%">

		<h6 class="p-title" style="color:#4c83e8;">wordpress</h6>

		<h6 class="p-num p-num70" style="">70</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num70').animateNumber(

	    {

	      number: 70,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #b07a1c;" data-num="20%">

		<h6 class="p-title" style="color:#b07a1c;">css3</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #4ad5c3;" data-num="10%">

		<h6 class="p-title" style="color:#4ad5c3;">html5</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Instagram Feeds</title>
		<link>https://www.ricardogoncalves.com/portfolio/instagram-feeds/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Fri, 08 Apr 2022 23:06:19 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=1751</guid>

					<description><![CDATA[#Refúgio da Roca #Associação de Turismo de Sintra #Casa de Fora #Ricardo Gonçalves #Caixa de Costura #Sintra Houses]]></description>
										<content:encoded><![CDATA[<div style="text-align:center; display:block:">
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_Refugio_da_Roca.png?ssl=1" class="swipebox last" title="Refúgio da Roca | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_Refugio_da_Roca.png?ssl=1" alt="image" data-mwl-img-id="3208" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/refugiodaroca/" target="_blank" rel="noopener"><i>#Refúgio da Roca</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_ATS.png?ssl=1" class="swipebox last" title="Associação de Turismo de Sintra | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_ATS.png?ssl=1" alt="image" data-mwl-img-id="3207" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/uniquesintra/" target="_blank" rel="noopener"><i>#Associação de Turismo de Sintra</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Instagram-CasadeFora.png?ssl=1" class="swipebox last" title="Casa de Fora | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2023/02/Instagram-CasadeFora.png?ssl=1" alt="image" data-mwl-img-id="3616" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/acasadefora" target="_blank" rel="noopener"><i>#Casa de Fora</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_Ricardo.png?ssl=1" class="swipebox last" title="Ricardo Gonçalves | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/07/Instagram_Ricardo.png?ssl=1" alt="image" data-mwl-img-id="3209" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/ricardojosevasconcelos/" target="_blank" rel="noopener"><i>#Ricardo Gonçalves</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/02/Insta_CaixaCostura_2019.png?ssl=1" class="swipebox last" title="Caixa de Costura | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/02/Insta_CaixaCostura_2019.png?ssl=1" alt="image" data-mwl-img-id="2921" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/caixadecostura.pt/" target="_blank" rel="noopener"><i>#Caixa de Costura</i></a>
</div>
<div style="float: left; width: 350px; height: 600px; margin:10px; ">

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/02/Insta_SintraHouses_2019.png?ssl=1" class="swipebox last" title="Sintra Houses | Instagram Page" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/02/Insta_SintraHouses_2019.png?ssl=1" alt="image" data-mwl-img-id="2922" data-recalc-dims="1"></a>
	</div>

	<br /><a href="https://www.instagram.com/sintrahouses/" target="_blank" rel="noopener"><i>#Sintra Houses</i></a>
</div>
</div>
<p><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><br />
<h4>2017 till 2023</h4>Instagram Management.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>Built a pleasant image with attractive photos and a creative and fluid copy.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>Treated and composite images in Photoshop. All photos taken by me. Sewing models in Caixa de Costura also made by me.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:100%; border-radius: 5px; height:5px; background-color: #0083dc;" data-num="100%">

		<h6 class="p-title" style="color:#0083dc;">photoshop</h6>

		<h6 class="p-num p-num100" style="">100</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num100').animateNumber(

	    {

	      number: 100,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Website Telobrindes</title>
		<link>https://www.ricardogoncalves.com/portfolio/website-telobrindes/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Thu, 30 Sep 2021 19:29:18 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3343</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Main-Telobrindes-2.jpg?ssl=1" class="swipebox last" title="" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Main-Telobrindes-2.jpg?ssl=1" alt="image" data-mwl-img-id="3349" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C50&#038;ssl=1" width="1 px" height="50 px" style="display:inherit; height:50px !important;" data-recalc-dims="1"/></div>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Telobrindes-3.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Telobrindes-3.jpg?ssl=1" alt="image" data-mwl-img-id="3350" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Telobrindes-4.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2021/12/Telobrindes-4.jpg?ssl=1" alt="image" data-mwl-img-id="3351" data-recalc-dims="1"></a>
	</div>

	<br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-5.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-5.jpg?ssl=1" alt="image" data-mwl-img-id="3358" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-6.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-6.jpg?ssl=1" alt="image" data-mwl-img-id="3359" data-recalc-dims="1"></a>
	</div>

	<br />

	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-7.jpg?ssl=1" class="swipebox" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-7.jpg?ssl=1" alt="image" data-mwl-img-id="3360" data-recalc-dims="1"></a><a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-8.jpg?ssl=1" class="swipebox last" title="" style="width: 48.5%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2022/05/Telobrindes-8.jpg?ssl=1" alt="image" data-mwl-img-id="3361" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2021 </h4> WordPress Website for Telobrindes.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>The layout respects the colors and shapes of the logo. As it is a website with thousands of articles and categories, navigability remained as simple and intuitive as possible, requiring the use of light tones and the absence of distracting elements.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>The most relevant on this site is its daily update through several server cron jobs, supported by a web service that converts article formats from various sources.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:50%; border-radius: 5px; height:5px; background-color: #4c83e8;" data-num="50%">

		<h6 class="p-title" style="color:#4c83e8;">wordpress</h6>

		<h6 class="p-num p-num50" style="">50</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num50').animateNumber(

	    {

	      number: 50,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #d986da;" data-num="20%">

		<h6 class="p-title" style="color:#d986da;">php</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #b07a1c;" data-num="20%">

		<h6 class="p-title" style="color:#b07a1c;">css3</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #4ad5c3;" data-num="10%">

		<h6 class="p-title" style="color:#4ad5c3;">html5</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Website Ambigeo</title>
		<link>https://www.ricardogoncalves.com/portfolio/website-ambigeo/</link>
		
		<dc:creator><![CDATA[Ricardo Gonçalves]]></dc:creator>
		<pubDate>Sat, 28 Aug 2021 18:16:25 +0000</pubDate>
				<guid isPermaLink="false">https://www.ricardogoncalves.com/?post_type=portfolio&#038;p=3336</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<p>
	<div class="lightbox-warp">

		<!--Thumb-->

		<a rel="lightbox" href="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/05/Ambigeo-main.jpg?ssl=1" class="swipebox last" title="Ambigeo-main" style="width: 100%;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/uploads/2019/05/Ambigeo-main.jpg?ssl=1" alt="image" data-mwl-img-id="3339" data-recalc-dims="1"></a>
	</div>

	<br />
<div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C30&#038;ssl=1" width="1 px" height="30 px" style="display:inherit; height:30px !important;" data-recalc-dims="1"/></div><br />
<div class="container"><div class="six columns" style="margin-left:-15px; margin-right:-15px; margin-top:-100px;"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:0;">RESUME</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><!-- Tab --><form><section class="tt-container tt-left tab-lefttab"><div>

		<input id="tt-When-1" name="tab" type="radio"  checked />

		<label for="tt-When-1" style=" padding-left:48px;"><i class="label-icon fa fa-calendar"></i>When</label>

		<article class="tt-1" data-height="200px">

			<div><h4>2021 </h4> WordPress Website for Ambigeo.</div>

		</article>

	</div><div>

		<input id="tt-Idea-2" name="tab" type="radio"  />

		<label for="tt-Idea-2" style=" padding-left:48px;"><i class="label-icon fa fa-bullhorn"></i>Idea</label>

		<article class="tt-2" data-height="200px">

			<div>After defining a new logo for the company, the idea was to create a web page around the idealized graphics. The layout received the colors of the logo and was inspired by some decorative elements used, namely the curves with automatic movement at the top and baseboard.</div>

		</article>

	</div><div>

		<input id="tt-Making-3" name="tab" type="radio"  />

		<label for="tt-Making-3" style=" padding-left:48px;"><i class="label-icon fa fa-gears"></i>Making Off</label>

		<article class="tt-3" data-height="200px">

			<div>The site was created in WordPress, in the colors defined in the logo, using some simple CSS animations and SVG elements designed exclusively for the platform.</div>

		</article>

	</div></section></form><style>@media screen and (min-width: 800px) {.tt-container.tt-left.tab-lefttab {height:243px;} .tt-container.tt-top.tab-lefttab input:checked ~ article {height:183px;} .tt-container.tt-left.tab-lefttab article {padding-left: 235px;}.tt-container.tt-left.tab-lefttab label {width: 150px; !important;}.tt-container.tt-left.tab-lefttab input:checked ~ article {height:203px;}}</style></div><div class="one columns"><div style="margin-top:1px;"></div></div><div class="five columns"><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C100&#038;ssl=1" width="1 px" height="100 px" style="display:inherit; height:100px !important;" data-recalc-dims="1"/></div><h3 style="margin-top:-100px">SOFTWARE USED</h3><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:50%; border-radius: 5px; height:5px; background-color: #4c83e8;" data-num="50%">

		<h6 class="p-title" style="color:#4c83e8;">wordpress</h6>

		<h6 class="p-num p-num50" style="">50</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num50').animateNumber(

	    {

	      number: 50,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #f8b30e;" data-num="20%">

		<h6 class="p-title" style="color:#f8b30e;">illustrator</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:20%; border-radius: 5px; height:5px; background-color: #b07a1c;" data-num="20%">

		<h6 class="p-title" style="color:#b07a1c;">css3</h6>

		<h6 class="p-num p-num20" style="">20</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num20').animateNumber(

	    {

	      number: 20,

	    },

	    3500

	  )

	  });

	</script>

	</div><div style="width:100%;clear:both;"><img src="https://i0.wp.com/www.ricardogoncalves.com/wp-content/themes/getthered/img/pattern/null.png?resize=1%2C20&#038;ssl=1" width="1 px" height="20 px" style="display:inherit; height:20px !important;" data-recalc-dims="1"/></div><div class="progressbar" style="border-radius: 5px; height:5px;">

	<div class="p-bar scrollanimated" style="width:10%; border-radius: 5px; height:5px; background-color: #4ad5c3;" data-num="10%">

		<h6 class="p-title" style="color:#4ad5c3;">html5</h6>

		<h6 class="p-num p-num10" style="">10</h6>

		

	</div>

	<script>

	jQuery(document).ready(function($) {

	  $('.p-num10').animateNumber(

	    {

	      number: 10,

	    },

	    3500

	  )

	  });

	</script>

	</div></div></div></p>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
