<!DOCTYPE HTML>
<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Cristian Medina - Full Stack Developer & Solutions Architect</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="" />
	<meta name="keywords" content="developer java microservices Microserviços full-stack mobile ionic senior architect arquiteto arquitetura javascript typescript angular reactive rxjs" />
	<meta name="author" content="cristian medina" />

  <!-- Facebook and Twitter integration -->
	<meta property="og:title" content="Cristian Medina - cmedina.dev"/>
	<meta property="og:image" content="images/site_preview.jpg"/>
	<meta property="og:url" content="http://cmedina.dev"/>
	<meta property="og:site_name" content="Cristian Medina - Full-stack developer"/>
	<meta property="og:description" content="Site pessoal com a apresentação dos meus principais trabalhos."/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="css/flexslider.css">
	<!-- Flaticons  -->
	<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
	<!-- Owl Carousel -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	</head>
	<body>
	<div id="colorlib-page">
		<div class="container-wrap">
		<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
		<aside id="colorlib-aside" role="complementary" class="border js-fullheight">
			<div class="text-center">
				<div class="author-img" style="background-image: url(images/about.jpg);"></div>
				<h1 id="colorlib-logo"><a href="index.html">Cristian Medina</a></h1>
				<span class="position">Full-stack Developer<br/>Solutions Architect</span>
			</div>
			<nav id="colorlib-main-menu" role="navigation" class="navbar">
				<div id="navbar" class="collapse" style="height:auto !important">
					<ul>
						<li class="active"><a href="#" data-nav-section="home">Home</a></li>
						<li><a href="#" data-nav-section="about">Sobre</a></li>
						<li><a href="#" data-nav-section="services">Serviços</a></li>
						<li><a href="#" data-nav-section="skills">Habilidades</a></li>
						<li><a href="#" data-nav-section="education">Formação</a></li>
						<li><a href="#" data-nav-section="experience">Experiência</a></li>
						<li><a href="#" data-nav-section="work">Trabalhos</a></li>
						<!--li><a href="#" data-nav-section="blog">Blog</a></li-->
						<li><a href="#" data-nav-section="contact">Contato</a></li>
					</ul>
				</div>
			</nav>

			<div class="menu-footer">
				<ul style="font-size:18px">
					<li><a href="https://www.facebook.com/medinasbrothers"><i class="icon-facebook2" style="color:#4267b2"></i></a></li>
					<li><a href="https://www.instagram.com/cmedinax01/"><i class="icon-instagram" style="color:#d63f70"></i></a></li>
					<li><a href="https://www.linkedin.com/in/c-medina/"><i class="icon-linkedin2" style="color:#2977b5"></i></a></li>
					<li><a href="https://github.com/cmedinadev"><i class="icon-github" style="color:#2b3137"></i></a></li>
				</ul>			
				
				<p style="text-align:center"><a href="index.en.html">English version</a></p>
				
				<p style="text-align:center">
					<small>Copyright &copy;
						<script>document.write(new Date().getFullYear());</script> | by <a href="https://colorlib.com" target="_blank">Colorlib</a>
					</small>
				</p>
				
			</div>
				
		</aside>

		<div id="colorlib-main">
			<section id="colorlib-hero" class="js-fullheight" data-section="home">
				<div class="flexslider js-fullheight">
					<ul class="slides">
				   	<li style="background-image: url(images/img_bg_2.jpg);">
				   		<div class="overlay"></div>
				   		<div class="container-fluid">
				   			<div class="row">
					   			<div class="col-md-6 col-md-offset-3 col-md-pull-3 col-sm-12 col-xs-12 js-fullheight slider-text">
					   				<div class="slider-text-inner js-fullheight">
					   					<div class="desc">
						   					<h1>Olá! <br>Eu sou o Medina</h1>
						   					<h2>Um profissional de tecnologia que ama escrever códigos. </a></h2>
												<!--p><a class="btn btn-primary btn-learn">Download CV <i class="icon-download4"></i></a></p-->
											</div>
					   				</div>
					   			</div>
					   		</div>
				   		</div>
				   	</li>
				   	<!--li style="background-image: url(images/img_bg_2.jpg);">
				   		<div class="overlay"></div>
				   		<div class="container-fluid">
				   			<div class="row">
					   			<div class="col-md-6 col-md-offset-3 col-md-pull-3 col-sm-12 col-xs-12 js-fullheight slider-text">
					   				<div class="slider-text-inner">
					   					<div class="desc">
						   					<h1>I am <br>a Designer</h1>
												<h2>100% html5 bootstrap templates Made by <a href="https://colorlib.com/" target="_blank">colorlib.com</a></h2>
												<p><a class="btn btn-primary btn-learn">View Portfolio <i class="icon-briefcase3"></i></a></p>
											</div>
					   				</div>
					   			</div>
					   		</div>
				   		</div>
				   	</li-->
				  	</ul>
			  	</div>
			</section>

			<section class="colorlib-about" data-section="about">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-12">
							<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
								<div class="col-md-12">
									<div class="about-desc">
										<span class="heading-meta">Sobre</span>
										<h2 class="colorlib-heading">Quem sou eu?</h2>
										<p>Oi, me chamo Cristian Medina. Trabalho na área de tecnologia da informação há mais de 15 anos. 
											Possuo vasta experiência no desenvolvimento e integrações de softwares, onde tenho atuado nas fases de 
											análise, definição de
											arquitetura, implementação, testes e manutenção.</p>
											<p>Sou um profissional apaixonado
											por desafios e em
											constante busca do
											conhecimento. Por isso, estou sempre lendo diversos artigos pela internet, e documentações oficiais de projetos e bibliotecas que me despertam interesse.</p>
											 <p>Eu amo construir coisas, seja profissionalmente ou apenas por hobby. Tenho uma fascinação pela inovação, o que me motiva a buscar novas metodologias e ferramentas para soluçao de problemas.</p>
										<p></p>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-3 animate-box" data-animate-effect="fadeInLeft">
									<div class="services color-1">
										<span class="icon2"><i class="icon-bulb"></i></span>
										<h3>Inovação</h3>
									</div>
								</div>
								<div class="col-md-3 animate-box" data-animate-effect="fadeInRight">
									<div class="services color-2">
										<span class="icon2"><i class="icon-globe-outline"></i></span>
										<h3>Front-end</h3>
									</div>
								</div>
								<div class="col-md-3 animate-box" data-animate-effect="fadeInTop">
									<div class="services color-3">
										<span class="icon2"><i class="icon-data"></i></span>
										<h3>Back-end</h3>
									</div>
								</div>
								<div class="col-md-3 animate-box" data-animate-effect="fadeInBottom">
									<div class="services color-4">
										<span class="icon2"><i class="icon-phone3"></i></span>
										<h3>Mobile</h3>
									</div>
								</div>
							</div>
							<!---div class="row">
								<div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
									<div class="hire">
										<h2>I am happy to know you <br>that 300+ projects done sucessfully!</h2>
										<a href="#" class="btn-hire">Hire me</a>
									</div>
								</div>
							</div -->
						</div>
					</div>
				</div>
			</section>


			
			<section class="colorlib-services" data-section="services">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">O que eu faço?</span>
							<h2 class="colorlib-heading">Aqui estão alguns dos meus conhecimentos</h2>
						</div>
					</div>
					<div class="row row-pt-md">
						<div class="col-md-4 text-center animate-box">
							<div class="services color-1">
								<span class="icon">
									<i class="icon-server"></i>
								</span>
								<div class="desc">
									<h3>Desenvolvimento back-end</h3>
									<p>Codificação nas plataformas JAVA e NodeJS.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="services color-2">
								<span class="icon">
									<i class="icon-server"></i>
								</span>
								<div class="desc">
									<h3>Desenvolvimento front-end</h3>
									<p>Construção de interfaces web responsivas e progressivas (PWA).</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="services color-3">
								<span class="icon">
									<i class="icon-phone3"></i>
								</span>
								<div class="desc">
									<h3>Desenvolvimento Mobile</h3>
									<p>Desenvolvimento híbrido em Ionic/cordova e nativo para Android.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="services color-4">
								<span class="icon">
									<i class="icon-layers2"></i>
								</span>
								<div class="desc">
									<h3>Arquitetura</h3>
									<p>Desenho de solução e integração de sistemas focado em boas práticas.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="services color-5">
								<span class="icon">
									<i class="icon-data"></i>
								</span>
								<div class="desc">
									<h3>Armazenamento</h3>
									<p>Experiência em banco de dados relacionais e não relacionais (NO-SQL).</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 text-center animate-box">
							<div class="services color-6">
								<span class="icon">
									<i class="icon-bulb"></i>
								</span>
								<div class="desc">
									<h3>Inovação</h3>
									<p>Busca de ideias inovadoras para a solução de problemas.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<div id="colorlib-counter" class="colorlib-counters" style="background-image: url(images/cover_bg_1.jpg);" data-stellar-background-ratio="0.5">
				<div class="overlay"></div>
				<div class="colorlib-narrow-content">
					<div class="row">
					</div>
					<div class="row">
						<div class="col-md-4 text-center animate-box">
							<span class="colorlib-counter js-counter" data-from="0" data-to="752" data-speed="8000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Xícaras de café</span>
						</div>
						<div class="col-md-4 text-center animate-box">
							<span class="colorlib-counter js-counter" data-from="0" data-to="42" data-speed="3000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Projetos</span>
						</div>
						<div class="col-md-4 text-center animate-box">
							<span class="colorlib-counter js-counter" data-from="0" data-to="18" data-speed="5000" data-refresh-interval="50"></span>
							<span class="colorlib-counter-label">Tempo de experiência</span>
						</div>
					</div>
				</div>
			</div>

			<section class="colorlib-skills" data-section="skills">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Especialidade</span>
							<h2 class="colorlib-heading animate-box">Minhas habilidades</h2>
						</div>
					</div>
					<div class="row">
						<!---div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
							<p>The Big Oxmox advised her not to do so, because there were thousands of bad Commas, wild Question Marks and devious Semikoli, but the Little Blind Text didn’t listen. She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
						</div-->
						<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="progress-wrap">
								<h3>Java EE</h3>
								<div class="progress">
								 	<div class="progress-bar color-1" role="progressbar" aria-valuenow="85"
								  	aria-valuemin="0" aria-valuemax="100" style="width:85%">
								    <span>85%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>NodeJS</h3>
								<div class="progress">
								 	<div class="progress-bar color-2" role="progressbar" aria-valuenow="70"
								  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
								    <span>70%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="progress-wrap">
								<h3>Angular2+</h3>
								<div class="progress">
								 	<div class="progress-bar color-3" role="progressbar" aria-valuenow="85"
								  	aria-valuemin="0" aria-valuemax="100" style="width:85%">
								    <span>85%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>Ionic</h3>
								<div class="progress">
								 	<div class="progress-bar color-4" role="progressbar" aria-valuenow="90"
								  	aria-valuemin="0" aria-valuemax="100" style="width:90%">
								    <span>90%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="progress-wrap">
								<h3>Javascript</h3>
								<div class="progress">
								 	<div class="progress-bar color-5" role="progressbar" aria-valuenow="90"
								  	aria-valuemin="0" aria-valuemax="100" style="width:90%">
								    <span>90%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>Typescript</h3>
								<div class="progress">
								 	<div class="progress-bar color-6" role="progressbar" aria-valuenow="75"
								  	aria-valuemin="0" aria-valuemax="100" style="width:75%">
								    <span>75%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>REST API</h3>
								<div class="progress">
								 	<div class="progress-bar color-1" role="progressbar" aria-valuenow="85"
								  	aria-valuemin="0" aria-valuemax="100" style="width:85%">
								    <span>85%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>SOAP Webservice</h3>
								<div class="progress">
								 	<div class="progress-bar color-2" role="progressbar" aria-valuenow="70"
								  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
								    <span>70%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>Microserviços</h3>
								<div class="progress">
								 	<div class="progress-bar color-3" role="progressbar" aria-valuenow="65"
								  	aria-valuemin="0" aria-valuemax="100" style="width:65%">
								    <span>65%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>Docker e Kubernetes</h3>
								<div class="progress">
								 	<div class="progress-bar color-4" role="progressbar" aria-valuenow="60"
								  	aria-valuemin="0" aria-valuemax="100" style="width:60%">
								    <span>60%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="progress-wrap">
								<h3>Programação Reativa</h3>
								<div class="progress">
								 	<div class="progress-bar color-5" role="progressbar" aria-valuenow="65"
								  	aria-valuemin="0" aria-valuemax="100" style="width:65%">
								    <span>65%</span>
								  	</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="progress-wrap">
								<h3>Programação funcional</h3>
								<div class="progress">
								 	<div class="progress-bar color-6" role="progressbar" aria-valuenow="70"
								  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
								    <span>70%</span>
								  	</div>
								</div>
							</div>
						</div>						
					</div>
				</div>
			</section>

			<section class="colorlib-education" data-section="education">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Formação</span>
							<h2 class="colorlib-heading animate-box">Formação e treinamentos</h2>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
							<div class="fancy-collapse-panel">
								<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
									<!--div class="panel panel-default">
											<div class="panel-heading" role="tab" id="headingZero">
												<h4 class="panel-title">
													<a data-toggle="collapse" data-parent="#accordion" href="#collapseZero" aria-expanded="true" aria-controls="collapseZero">Pós-graduação em Arquitetura de Software Distribuído (Em andamento)
													</a>
												</h4>
											</div>
											<div id="collapseZero" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingZero">
													<div class="panel-body">
																<p>Cursando a pós-graduação em Arquitetura de Software Distribuído pela universidade PUC Minas.</p>
													</div>
											</div>
										</div-->
		
									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingOne">
									        <h4 class="panel-title">
									            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Tecnólogo em Análise e desenvolvimento de sistemas
									            </a>
									        </h4>
									    </div>
									    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									         <div class="panel-body">
										      			<p>Formado pelo Centro Universitário da Zona Oeste - RJ (UEZO) em 2010.</p>
										      			<p>A UEZO é uma instituição pública brasileira de ensino superior do estado do Rio de Janeiro criada em 2005. <a href="http://www.uezo.rj.gov.br/" target="_blank">Site</a></p>
									         </div>
									    </div>
									</div>
									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingTwo">
									        <h4 class="panel-title">
									            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Certificado Java Programmer
									            </a>
									        </h4>
									    </div>
									    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
									        <div class="panel-body">
												<p>Certificação de programador profissional JAVA (OCJP 6) obtida em 2012.</p>
												<p><img src="images/ocp6.gif" /></p>
									        </div>
									    </div>
									</div>
									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingThree">
									        <h4 class="panel-title">
									            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Treinamento - Oracle SOA Suite 12c: Build Composite Applications
									            </a>
									        </h4>
									    </div>
									    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
									        <div class="panel-body">
												<p>Treinamento oficial Oracle University realizado em dezembro de 2018. </p>	
												<p><a href="https://education.oracle.com/oracle-soa-suite-12c-build-composite-applications-ed-2/courP_4956" target="_blank">Mais informações</a></p>
									        </div>
									    </div>
									</div>

									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingFour">
									        <h4 class="panel-title">
									            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Treinamento - Oracle SOA Suite 12c: Essential Concepts Ed 2
									            </a>
									        </h4>
									    </div>
									    <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
									        <div class="panel-body">
												<p>Treinamento oficial Oracle University realizado em dezembro de 2018. </p>	
												<p><a href="https://education.oracle.com/oracle-soa-suite-12c-essential-concepts-ed-2/courP_4560" target="_blank">Mais informações</a></p>
									        </div>
									    </div>
									</div>

									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingFive">
									        <h4 class="panel-title">
									            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">Treinamento - SOA na Prática: Integração com Web Services e
													Mensageria
									            </a>
									        </h4>
									    </div>
									    <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
									        <div class="panel-body">
												<p>Treinamento realizado na Caelum em julho de 2017. </p>	
												<p><a href="https://www.caelum.com.br/curso-java-ee-soa-web-services-mensageria" target="_blank">Mais informações</a></p>
									        </div>
									    </div>
									</div>

									<div class="panel panel-default">
									    <div class="panel-heading" role="tab" id="headingSix">
									        <h4 class="panel-title">
									            <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">Treinamento - Oracle WebCenter Portal 11g: Administration Ed 1
									            </a>
									        </h4>
									    </div>
									    <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
									        <div class="panel-body">
												<p>Treinamento oficial Oracle University realizado em dezembro de 2013. </p>	
												<p><a href="https://education.oracle.com/pt_BR/oracle-webcenter-portal-11g-administration-ed-11/courP_5441" target="_blank">Mais informações</a></p>
									        </div>
									    </div>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
			</section>

			<section class="colorlib-experience" data-section="experience">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Experiência</span>
							<h2 class="colorlib-heading animate-box">Experiência profissional</h2>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12">
				         <div class="timeline-centered">
					         <article class="timeline-entry animate-box" data-animate-effect="fadeInLeft">
					            <div class="timeline-entry-inner">

					               <div class="timeline-icon color-1">
					                  <i class="icon-pen2"></i>
					               </div>

					               <div class="timeline-label">
					                  <h2><a href="#">Desenvolvedor Full-stack</a> <span>2015 - o momento</span></h2>
									  <p><strong>Fundação Petrobras de Seguridade Social - Petros</strong></p>
									  <p>Líder técnico da equipe web, responsável pelo desenho arquitetural, implementação e
											apoio nas decisões de aquisição de produtos e ferramentas de TI;
											Responsável pela implementação e manutenção do Portal Petros ( www.petros.com.br )
											e Clube Petros ( www.petros.com.br/ClubePetros ) ambos sobre o produto Oracle WebCenter
											Portal com ADF Framework; criador do aplicativo Petros (iOS e Android) em Ionic
											com Angular 4+ e do back-end de serviços REST API em Java 6/8 com autenticação JWT e 
											integração aos sistemas legado utilizando a arquitetura SOA.</p>

									<p><i>Tecnologias utilizadas: JAVA 6/8, Javascript, Typescript, REST API, Node.JS, JAX-RS,
											Jersey, RestEasy, Angular 2+, Ionic 3, JSF, Oracle ADF, EJB, JPA, JMS, Weblogic,
											Tomcat, JBoss, Openshift, Docker, Kubernetes, DB2/AS400, Oracle Database, Soa
											Composite Applications, BPEL, RxJS.</i></p>
									  
					               </div>
					            </div>
					         </article>


					         <article class="timeline-entry animate-box" data-animate-effect="fadeInRight">
					            <div class="timeline-entry-inner">
					               <div class="timeline-icon color-2">
					                  <i class="icon-pen2"></i>
					               </div>
					               <div class="timeline-label">
									   <h2><a href="#">Consultor de TI (Especialista Oracle Webcenter)</a> <span>2013-2015</span></h2>
									   <p><strong>CTIS Tecnologia S.A.</strong></p>
					                  <p>Responsável pela administração, integração e implementação de
											novas funcionalidades em Portais horizontais utilizando a suíte
											de produtos Oracle Webcenter Portal Framework, Webcenter
											Content Management, Webcenter Pagelet Producer, JDeveloper e
											Weblogic 11g. Atuei no desenvolvimento de novos portlets e
											taskflows, integrações com sistemas legados, gestão de
											permissão de acesso, criação e configuração de novas páginas,
											gestão do workflow de publicação e suporte ao time de
											infraestrutura na análise de incidentes.</p>
					               </div>
					            </div>
					         </article>

					         <article class="timeline-entry animate-box" data-animate-effect="fadeInLeft">
					            <div class="timeline-entry-inner">
					               <div class="timeline-icon color-3">
					                  <i class="icon-pen2"></i>
					               </div>
					               <div class="timeline-label">
										<h2><a href="#">Consultor de TI (Analista/Desenvolvedor)</a> <span>2009-2013</span></h2>
										<p><strong>CTIS Tecnologia S.A.</strong></p>
 
									  <p>Atuei no levanatmento de requisitos, análise e desenvolvimento de aplicações JAVA EE. Participei de projetos para órgãos públicos na área de saúde e previdência complementar.</p>
									  <p><i>Tecnologias utilizadas: ASP, Delphi, JAVA, Javascript, JSF, ADF, JPA, JQUERY, Icefaces, JasperReports, EJB, COM+, CORBA.</i></p>
					               </div>
					            </div>
					         </article>

					         <article class="timeline-entry animate-box" data-animate-effect="fadeInTop">
					            <div class="timeline-entry-inner">
					               <div class="timeline-icon color-4">
					                  <i class="icon-pen2"></i>
					               </div>
					               <div class="timeline-label">
									   <h2><a href="#">Programador de sistema</a> <span>2000-2008</span></h2>
									   <p><strong>Militar na Marinha do Brasil</strong></p>
									  <p>Destaco aqui a atuação na Divisão de Desenvolvimento e Manutenção de Sistemas na Diretoria do Pessoal Militar da Marinha (DPMM) por trës anos.</p>
									  <p><img src="images/cr.jpg" class="img-responsive"></p>
					               </div>
					            </div>
					         </article>

					         <article class="timeline-entry begin animate-box" data-animate-effect="fadeInBottom">
					            <div class="timeline-entry-inner">
					               <div class="timeline-icon color-none">
					               </div>
					            </div>
					         </article>
					      </div>
					   </div>
				   </div>
				</div>
			</section>

			<section class="colorlib-work" data-section="work">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Meu trabalho</span>
							<h2 class="colorlib-heading animate-box">Trabalhos recentes</h2>
						</div>
					</div>
					<!--div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
						<div class="col-md-12">
							<p class="work-menu"><span><a href="#">Software</a></span> <span><a href="#">Apps</a></span></p>
						</div>
					</div-->
					<div class="row">
						<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="project" style="background-image: url(images/app_petros.jpg);">
								<div class="desc">
									<div class="con">
										<h3><a href="http://app.petros.com.br/"  target="_blank">Aplicativo Petros</a></h3>
										<span>Aplicativo Android e iOS</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
							<div class="project" style="background-image: url(images/img-2.jpg);">
								<div class="desc">
									<div class="con">
										<h3><a href="https://www.juntae.com.br" target="_blank">Juntaê</a></h3>
										<span>Aplicativo Android e iOS</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInTop">
							<div class="project" style="background-image: url(images/img-4.jpg);">
								<div class="desc">
									<div class="con">
										<h3><a href="https://www.petros.com.br/PortalPetros/"  target="_blank">Portal Petros</a></h3>
										<span>Portal institucional</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-md-6 animate-box" data-animate-effect="fadeInBottom">
							<div class="project" style="background-image: url(images/img-3.jpg);">
								<div class="desc">
									<div class="con">
										<h3><a href="https://recadastramento.petros.com.br" target="_blank">Recadastramento Petros 2017</a></h3>
										<span>Sistema de recadastramento</span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--div class="row">
						<div class="col-md-12 animate-box">
							<p><a href="#" class="btn btn-primary btn-lg btn-load-more">Load more <i class="icon-reload"></i></a></p>
						</div>
					</div-->
				</div>
			</section>

			<!--section class="colorlib-blog" data-section="blog">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Read</span>
							<h2 class="colorlib-heading">Recent Blog</h2>
						</div>
					</div>
					<div class="row">
						<div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="blog-entry">
								<a href="blog.html" class="blog-img"><img src="images/blog-1.jpg" class="img-responsive" alt="HTML5 Bootstrap Template by colorlib.com"></a>
								<div class="desc">
									<span><small>April 14, 2018 </small> | <small> Web Design </small> | <small> <i class="icon-bubble3"></i> 4</small></span>
									<h3><a href="blog.html">Renovating National Gallery</a></h3>
									<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInRight">
							<div class="blog-entry">
								<a href="blog.html" class="blog-img"><img src="images/blog-2.jpg" class="img-responsive" alt="HTML5 Bootstrap Template by colorlib.com"></a>
								<div class="desc">
									<span><small>April 14, 2018 </small> | <small> Web Design </small> | <small> <i class="icon-bubble3"></i> 4</small></span>
									<h3><a href="blog.html">Wordpress for a Beginner</a></h3>
									<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
								</div>
							</div>
						</div>
						<div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
							<div class="blog-entry">
								<a href="blog.html" class="blog-img"><img src="images/blog-3.jpg" class="img-responsive" alt="HTML5 Bootstrap Template by colorlib.com"></a>
								<div class="desc">
									<span><small>April 14, 2018 </small> | <small> Inspiration </small> | <small> <i class="icon-bubble3"></i> 4</small></span>
									<h3><a href="blog.html">Make website from scratch</a></h3>
									<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 animate-box">
							<p><a href="#" class="btn btn-primary btn-lg btn-load-more">Load more <i class="icon-reload"></i></a></p>
						</div>
					</div>
				</div>
			</section-->

			<section class="colorlib-contact" data-section="contact">
				<div class="colorlib-narrow-content">
					<div class="row">
						<div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
							<span class="heading-meta">Entrar em contato</span>
							<h2 class="colorlib-heading">Contato</h2>
						</div>
					</div>
					<div class="row">
						<div class="col-md-5">
							<div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
								<div class="colorlib-icon">
									<i class="icon-mail"></i>
								</div>
								<div class="colorlib-text">
									<p><a href="#">cmedinadev@gmail.com</a></p>
								</div>
							</div>

							<div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
								<div class="colorlib-icon">
									<i class="icon-map"></i>
								</div>
								<div class="colorlib-text">
									<p>Rio de Janeiro, RJ, Brasil</p>
								</div>
							</div>

							<!--div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
								<div class="colorlib-icon">
									<i class="icon-phone"></i>
								</div>
								<div class="colorlib-text">
									<p><a href="tel://">+123 456 7890</a></p>
								</div>
							</div-->
						</div>
						<div class="col-md-7 col-md-push-1">
							<div class="row">
								<div class="col-md-10 col-md-offset-1 col-md-pull-1 animate-box" data-animate-effect="fadeInRight">
									<form action="">
										<div class="form-group">
											<input type="text" class="form-control" id="inputNome" placeholder="Nome">
										</div>
										<div class="form-group">
											<input type="text" class="form-control" id="inputMail" placeholder="E-mail">
										</div>
										<div class="form-group">
											<input type="text" class="form-control" id="inputAssunto" placeholder="Assunto">
										</div>
										<div class="form-group">
											<textarea name="" id="message" cols="30" rows="7" class="form-control" placeholder="Mensagem"></textarea>
										</div>
										<div class="form-group">
											<input type="submit" class="btn btn-primary btn-send-message" id="sendMailButton" value="Enviar mensagem">
										</div>
									</form>
								</div>
								
							</div>
						</div>
					</div>
				</div>
			</section>
			<div class="modal fade" id="loadMe" tabindex="-1" role="dialog" aria-labelledby="loadMeLabel">
				<div class="modal-dialog modal-sm" role="document">
					<div class="modal-content">
						<div class="modal-body text-center">
							<div class="loader"></div>
							<div clas="loader-txt">
								<p>Enviando...</p>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Modal -->
			<div class="modal fade" id="alertModal" role="dialog">
				<div class="modal-dialog">
				
					<!-- Modal content-->
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
							<h4 class="modal-title" id="alertTitle"></h4>
						</div>
						<div class="modal-body">
							<p id="alertMsg"></p>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
						</div>
					</div>
					
				</div>
			</div>

		</div><!-- end:colorlib-main -->
	</div><!-- end:container-wrap -->
	</div><!-- end:colorlib-page -->

	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Flexslider -->
	<script src="js/jquery.flexslider-min.js"></script>
	<!-- Owl carousel -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- Counters -->
	<script src="js/jquery.countTo.js"></script>
	
	<!-- MAIN JS -->
	<script src="js/main.js"></script>

	</body>
</html>

