<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-BR" data-bs-theme="auto">
<head>
	<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T5TDZ8C');</script>
<!-- End Google Tag Manager -->
<link rel="preload" as="image" href="assets/img/slider1.webp" fetchpriority="high" /		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title id="title">Tecmedia</title>
		<meta name="description" content="Tecmedia, desde 1997, simplifica negócios com inovação, tecnologia e soluções digitais eficientes." />
		<meta name="keywords" content="Tecmedia, 1997, agência, digital, inovação, soluções, eficiente" />
		<meta name="author" content="Tecmedia" />
		
		<link rel="shortcut icon" href="https://tecmedia.com.br/favicon.ico?v=1750586662">
		<link rel="icon" href="https://tecmedia.com.br/favicon.ico?v=1750586662" type="image/x-icon">
		
		<!--Fonts-->
		<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>
		<link href='https://fonts.googleapis.com/css?family=Hind:400,300,500,600,700' rel='stylesheet' type='text/css'>
		<!--CSS-->
		<link rel="stylesheet" href="https://tecmedia.com.br/assets/css/style.css?v=1750586662">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
</head>
<body id="body" class="home" data-spy="scroll" data-target=".navbar" data-offset="110">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T5TDZ8C"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
	<div id="widget-chat"><script type="text/javascript" src="https://meupct.com/widget-v6/chat/widget-chat" async="async" defer="defer"></script></div>
<!--Preloader-->
<div class="preloader-it">
	<div class="la-anim-1"></div>
</div>
<!--/Preloader-->
<!-- Border-->
	<div class="border">
		<div id="border-top"></div>
		<div id="border-left"></div>
		<div id="border-right">
			<nav class="navbar navbar-default vertical-nav" role="navigation">
				<ul class="nav navbar-nav">
					<li><a data-scroll href="#body"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#quem-somos"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#o-que-fazemos"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#cases"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#como-fazemos"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#clientes"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#noticias"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#materiais"><span class="nav-dots"><span class="slant"></span></span></a></li>
					<li><a data-scroll href="#contato"><span class="nav-dots"><span class="slant"></span></span></a></li>
				</ul>
			</nav>
		</div>
		<div id="border-bottom"></div>
	</div>	
<!-- /Border --><!--Header-->
<div class="header">
	<div class="container">
		<nav class="navbar navbar-default" role="navigation">
		   <div class="navbar-header">
			  <button type="button" class="navbar-toggle" data-toggle="collapse" 
				 data-target="#navbar-collapse">
				 <span class="sr-only">Mudar Navegação</span>
				 <span class="icon-bar"></span>
				 <span class="icon-bar"></span>
				 <span class="icon-bar"></span>
			  </button>
			  <a class="navbar-brand" data-scroll href="https://tecmedia.com.br/">
				 <img class="dark" src="https://tecmedia.com.br/assets/img/logo-tecmedia.svg?v=1750586662" alt="logo" height="22px" width="auto" fetchpriority="high" />
			  </a>
		   </div>
		   <div class="collapse navbar-collapse" id="example-navbar-collapse">
			  <ul class="nav navbar-nav">
				<li><a data-scroll href="#body">Início</a></li>
				<li><a data-scroll href="#quem-somos">quem somos</a></li>
				<li><a data-scroll href="#o-que-fazemos">o que fazemos</a></li>
				<li><a data-scroll href="#como-fazemos">como fazemos</a></li>
				<li><a data-scroll href="#clientes">clientes</a></li>
				<li><a data-scroll href="#experiencia">experiência</a></li>
				<li><a data-scroll href="#noticias">notícias</a></li>
				<li><a data-scroll href="#materiais">materiais</a></li>
				<li><a data-scroll href="#contato">contato</a></li>
			  </ul>
		   </div>
			<div class="nav-trig">
				<div class="target-hamburger">
					<ul  class="hamburger">
						<li class="bun"></li>
						<li class="bun"></li>
						<li class="bun"></li>
					</ul>
				</div>
			</div>
		</nav>
	</div>
</div>
<!--/Header-->

<!--Slanted Overlay Menu-->
<div class="nav-slanted"></div>
<div class="nav-full-screen hidden">
	<nav class="navbar overlay-nav"  role="navigation">
		<div class="overlay-menu-menu">
			<ul  class="nav">
				<li class="menu-item active-menu"><a data-scroll href="#body">Início</a></li>
				<li class="menu-item"><a data-scroll href="#quem-somos">quem somos</a></li>
				<li class="menu-item"><a data-scroll href="#o-que-fazemos">o que fazemos</a></li>
				<li class="menu-item"><a data-scroll href="#como-fazemos">como fazemos</a></li>
				<li class="menu-item"><a data-scroll href="#clientes">clientes</a></li>
				<li class="menu-item"><a data-scroll href="#experiencia">experiência</a></li>
				<li class="menu-item"><a data-scroll href="#noticias">notícias</a></li>
				<li class="menu-item"><a data-scroll href="#materiais">materiais</a></li>
				<li class="menu-item"><a data-scroll href="#contato">contato</a></li>
			</ul>
			<div class="">
				<ul class="social-icons">
					<li>
						<a href="https://facebook.com/tecmedia" target="_blank" class="social-icon" alt="fb.com/tecmedia">
							<i class="fa fa-facebook"></i>
						</a>
					</li>
					<li>
						<a href="https://instagram.com/tecmedia" target="_blank" class="social-icon" alt="@tecmedia">
							<i class="fa fa-instagram"></i>
						</a>
					</li>
					<li>
						<a href="https://www.linkedin.com/company/tecmedia-internet-design/" target="_blank" class="social-icon" alt="tecmedia-internet-design">
							<i class="fa fa-linkedin"></i>
						</a>
					</li>
					<li>
						<a href="https://youtube.com/tecmediatv" target="_blank" class="social-icon" alt="tecmediatv">
							<i class="fa fa-youtube"></i>
						</a>
					</li>
				</ul>
			</div>
		</div>	
	</nav>
	
</div>
<!--/Slanted Overlay Menu--><!--slider container-->
<section id="slider" class="slider-container hero parallax-hero">
	<div class="slider-control left inactive"></div>
	<div class="slider-control right"></div>
	<ul class="slider-pagi"></ul>
	<div class="slider  slider-height">
		
		<!--Slider One-->
		<div class="slide slide-0 active">
			<div class="slide__bg"></div>
			<div class="slide__content">
				
				<!--Slider Overlay-->
				<svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
					<path class="slide__overlay-path" d="M0,0 422,0 662,405 0,405" />
				</svg>
				<!--/Slider Overlay-->
				<div class="container">
					<!--Slider Info-->
					<div class="slide__text">
						<h1 class="slide__text-heading">Consultoria para Empresas</h1>
						<p class="slide__text-desc lead col-sm-7 pad-zero">Otimizamos processos, aumentamos a produtividade e preparamos sua empresa para crescer. Transformamos desafios em <strong>soluções tecnológicas inteligentes</strong> para garantir mais <strong>eficiência e competitividade</strong>.
</p>
						<!-- <a class="col-sm-9 pad-zero" href="#" ><u>leia mais</u></a> -->
					</div>
					<!--/Slider Info-->
				</div>	
			</div>
		</div>
		<!--/Slider One-->
		
		<!--Slider Two-->
		<div class="slide slide-1 ">
			<div class="slide__bg"></div>
			<div class="slide__content">
				
				<!--Slider Overlay-->
				<svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
					<path class="slide__overlay-path" d="M0,0 422,0 662,405 0,405" />
				</svg>
				<!--Slider Overlay-->
				<div class="container">
					<!--Slider Info-->
					<div class="slide__text">
						<h1 class="slide__text-heading">Assessoria para Empresas</h1>
						<p class="slide__text-desc lead col-sm-7 pad-zero">Suporte contínuo para a implementação das <strong>melhores práticas tecnológicas e operacionais</strong>. Ajudamos sua empresa a crescer com segurança e eficiência.</p>
						<!-- <a class="col-sm-9 pad-zero" href="#" ><u>leia mais</u></a> -->
					</div>
					<!--/Slider Info-->
				</div>
			</div>
		</div>
		<!--/Slider Two-->
		
		<!--Slider Three-->
		<div class="slide slide-2">
			<div class="slide__bg"></div>
			<div class="slide__content">
				
				<!--Slider Overlay-->
				<svg class="slide__overlay" viewBox="0 0 720 405" preserveAspectRatio="xMaxYMax slice">
					<path class="slide__overlay-path" d="M0,0 422,0 662,405 0,405" />
				</svg>
				<!--/Slider Overlay-->
				<div class="container">
					<!--Slider Info-->
					<div class="slide__text">
						<h1 class="slide__text-heading">Mentoria para Líderes e Profissionais</h1>
						<p class="slide__text-desc lead col-sm-7 pad-zero">Desenvolva habilidades estratégicas, tome decisões mais assertivas e <strong>impulsione seu crescimento profissional</strong> com a mentoria da Tecmedia.</p>
						<!-- <a class="col-sm-9 pad-zero" href="#" ><u>leia mais</u></a> -->
					</div>
					<!--/Slider Info-->
				</div>
			</div>
		</div>
		<!--/Slider Three-->
	
	</div>
</section>
<!--/slider container--><!--Main Content-->
<div class="main-content">

<!--About Sec-->
<div style="background:#22304a;">
	<section id="quem-somos" class="container padding-sec-lg about-sec">
	<div class="row">
		<div class="col-lg-6 center-div">
			<h2>
				Quem somos
			</h2>
			<div class="seprator">
				<span class="seprator-sm center-div"></span>
			</div>
		</div>
	</div>	
	<div class="clearfix"></div>
	<div class="row">
		<div class="col-lg-8 center-div">
			<div class="row">
				<div class="col-sm-3 col-xs-6">
					<div class="studio-icn-wrap">
						<svg id="studio_1" width="35" height="40" xmlns="http://www.w3.org/2000/svg">
						 <g>
						  <rect fill="none" height="402" width="582" y="-1" x="-1"/>
						 </g>
						 <g>
						 <path  d="m22.417999,12.01l0,25.816l-9.834999,0l0,-25.816" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m26.148001,16.924l6.103998,9.882999l0,6.101002l-6.146999,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m8.852,16.924l-6.104,9.882999l0,6.101002l6.147,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m17.5,34.136002l0,-17.210001" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m12.583,8.32l4.917,-6.146l4.917999,6.146" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						 </g>
						</svg>
					</div>	
					<!-- <span class="about-icon-tag">Websites e Sistemas Web</span> -->
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="studio-icn-wrap">
						<svg id="studio_2" width="45" height="36" xmlns="http://www.w3.org/2000/svg">

						 <g>
						  <rect fill="none" id="canvas_background" height="402" width="582" y="-1" x="-1"/>
						 </g>
						 <g>
						  <path  d="m32.188,34.605l11.069,0l0,-33.21l-41.514,0l0,33.21l11.071,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m15.581,18c-3.057,0 -5.535999,-2.479 -5.535999,-5.533c0,-3.062 2.479,-5.539 5.535999,-5.539s5.536,2.478 5.536,5.539c0,3.054 -2.479,5.533 -5.536,5.533z" stroke-miterlimit="10" stroke-width="2" stroke="#A7C4D2" fill="none"/>
						  <path  d="m23.884001,30.454l-1.362001,-8.304001l-4.174,-1.379999" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m7.278,30.454l1.363,-8.304001l4.173,-1.379999" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m28.035999,9.697001l5.532001,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m28.035999,15.232l11.069,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m28.035999,20.768l11.069,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m27.973501,26.302l11.068998,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m15.581,34.605l13.838,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						 </g>
						</svg>
					</div>
					<!-- <span class="about-icon-tag">Marketing Digital</span> -->
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="studio-icn-wrap">
						<svg id="studio_3" width="32" height="37" xmlns="http://www.w3.org/2000/svg">

						 <g>
						  <rect fill="none"  height="402" width="582" y="-1" x="-1"/>
						 </g>
						 <g>
						   <path  d="m4.508,0.113l0,9.197" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m4.508,23.098l0,13.789001" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m1.06,16.202c0,-1.904972 1.543028,-3.448 3.448,-3.448c1.904973,0 3.448,1.543028 3.448,3.448c0,1.904972 -1.543027,3.448 -3.448,3.448c-1.904972,0 -3.448,-1.543028 -3.448,-3.448z" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m16,0.113l0,18.387" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m16,32.290001l0,4.597" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m12.552,25.396c0,-1.904972 1.543028,-3.448 3.448,-3.448c1.904972,0 3.448,1.543028 3.448,3.448c0,1.904972 -1.543028,3.448 -3.448,3.448c-1.904972,0 -3.448,-1.543028 -3.448,-3.448z" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m27.492001,0.113l0,4.596" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m27.492001,18.5l0,18.387001" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m24.044001,11.605c0,-1.904972 1.543028,-3.448 3.448,-3.448c1.904972,0 3.448,1.543028 3.448,3.448c0,1.904973 -1.543028,3.448001 -3.448,3.448001c-1.904972,0 -3.448,-1.543028 -3.448,-3.448001z" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						 </g>
						</svg>
					</div>
					<!-- <span class="about-icon-tag">Consultoria Digital</span> -->
				</div>
				<div class="col-sm-3 col-xs-6">
					<div class="studio-icn-wrap">
						<svg id="studio_4" width="49" height="36" xmlns="http://www.w3.org/2000/svg">

						 <g>
						  <rect fill="none"  height="402" width="582" y="-1" x="-1"/>
						 </g>
						 <g>
						  <path  d="m34.611,12.629l12.824001,0l0,21.186003l-12.824001,0l0,-21.186003z" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path d="m17.719999,28.375999l-16.417999,0l0,-27.189999l40.785002,0l0,11.179" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m37.981998,12.079l0,-6.645l-32.161998,0l0,18.864" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m34.778999,28.375999l-9.028,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m29.902,33.813999l-16.416,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						  <path  d="m34.356998,28.375999l13.341003,0" stroke-opacity="null"   stroke-width="2" stroke="#A7C4D2" fill-opacity="null" fill="none"/>
						 </g>
						</svg>
					</div>
					<!-- <span class="about-icon-tag">Ferramentas de Atendimento</span> -->
				</div>
			</div>
		</div>
	</div>
	<div class="row about-info-row">
		<div class="col-lg-4">
			<p class="lead">Fundada em 1997, a Tecmedia é uma agência de consultoria digital pioneira no Brasil, especializada em soluções inovadoras para empresas.</p>
		</div>
		<div class="col-lg-4">
			<p class="">Nosso foco é simplificar o funcionamento das empresas e melhorar a vida das pessoas, oferecendo soluções tecnológicas inteligentes. Transformamos processos complexos em ferramentas práticas e eficientes, permitindo que negócios de todos os portes ganhem mais produtividade, agilidade e competitividade no mercado digital.</p>
		</div>
		<div class="col-lg-4">
			<p class="">Com mais de 28 anos de experiência, acumulamos conhecimento valioso em tecnologia e inovação. Nosso compromisso é continuar evoluindo, adotando as melhores práticas do setor para oferecer serviços cada vez mais eficazes. Trabalhamos para tornar o dia a dia mais simples, produtivo e conectado, promovendo uma transformação digital real e impactante.</p>
		</div>
	</div>
	</section>
</div>	
<!--/About Sec--><!--Expertises Sec-->
<section id="o-que-fazemos" class="expertises-sec">
<div class="sec-head">
	<div class="slanted-head"></div>
	<div class="container">
		<div class="row">
			<div class="col-xs-4">
				<div class="table-wrap">
					<div class="align-middle">
						<h4>
							O Que Fazemos
						</h4>
						<div class="seprator sm-sep">
							<span class="seprator-sm black"></span>
							
						</div>
					</div>	
				</div>	
			</div>
			<div class="col-xs-8">
				<div class="table-wrap">
					<div class="align-middle text-right">
						<p>
							Nossas principais especialidades se destacam nas áreas abaixo.
						</p>
					</div>
				</div>
			</div>
		</div>	
	</div>	
</div>
<div style="background:#f2f1f1;">
<div class="container padding-sec-sm">
	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="col-sm-2">
							<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/004.svg" height="32px" width="32px" />
						</div>
						<div class="services-icon col-sm-10">            
							<div class="service-info-text">            
								<h3>Websites e Sistemas Web</h3>            
								<p>Criação de sites e sistemas personalizados para atender às suas necessidades específicas.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="col-sm-2">
							<img id="expertise_2" src="https://tecmedia.com.br//assets/img/icons/005.svg" height="32px" width="32px" />
						</div>
						<div class="services-icon col-sm-10">            
							<div class="service-info-text">            
								<h3>Marketing Digital</h3>            
								<p>Estratégias online para aumentar sua visibilidade e engajamento com o público.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="col-sm-2">
							<img id="expertise_3" src="https://tecmedia.com.br//assets/img/icons/006.svg" height="32px" width="32px" />
						</div>
						<div class="services-icon col-sm-10">            
							<div class="service-info-text">            
								<h3>Consultoria Digital</h3>            
								<p>Orientação especializada para otimizar processos e resultados digitais.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="col-sm-2">
							<img id="expertise_4" src="https://tecmedia.com.br//assets/img/icons/007.svg" height="32px" width="32px" />
						</div>
						<div class="services-icon col-sm-10">            
							<div class="service-info-text">            
								<h3>Ferramentas de Atendimento</h3>            
								<p>Soluções inovadoras como chats online para melhorar o suporte ao cliente.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>	
</div>
</div>
</section>
<!--/Expertises Sec--><!--Services Sec-->
<section id="como-fazemos" class="container padding-sec-lg service-sec">
<div class="row">
	<div class="col-sm-6 center-div">
		<h2>
			Como fazemos
		</h2>
		<div class="seprator">
			<span class="seprator-sm center-div"></span>
			
		</div>
	</div>
</div>	
<div class="row">
	<!-- Service Icon Boxes -->

                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
                    		<img id="process_1" src="https://tecmedia.com.br//assets/img/icons/008.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Análise do ambiente</h3>
						<div class="relative-div">
							<div class="service-icon-wrap">
								<span>01</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                
                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
							<img id="process_2" src="https://tecmedia.com.br//assets/img/icons/009.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Plano de Ações</h3>
						<div class="relative-div">
							<div class="service-icon-wrap last">
								<span>02</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                
                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
							<img id="process_3" src="https://tecmedia.com.br//assets/img/icons/010.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Definição de métricas</h3>
						<div class="relative-div">
							<div class="service-icon-wrap">
								<span>03</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                
                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
							<img id="process_4" src="https://tecmedia.com.br//assets/img/icons/011.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Execução das estratégias</h3>
						<div class="relative-div">
							<div class="service-icon-wrap">
								<span>04</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                <!--/Service Icon Boxes -->
                
                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
							<img id="process_5" src="https://tecmedia.com.br//assets/img/icons/012.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Avaliação dos resultados</h3>
						<div class="relative-div">
							<div class="service-icon-wrap">
								<span>05</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                <!--/Service Icon Boxes -->
                
                <div class="col-sm-4 col-lg-2 text-center last">
                   	<div class="service-icon-top">
                    	<div class="process-icon">
							<img id="process_6" src="https://tecmedia.com.br//assets/img/icons/003.svg" height="56px" width="56px" loading="lazy" />
						</div>
						<h3>Ajustes e gestão</h3>
						<div class="relative-div">
							<div class="service-icon-wrap">
								<span>06</span>
							</div>
						</div>
                        <!-- <p>Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.</p> -->
                    </div>
                </div>
                <!--/Service Icon Boxes -->
</div>
</section>
<!--/Services Sec-->
	
<!--Testimonial Sec-->
<section id="clientes" class="testimonial-sec padding-sec-sm parallax">
	<div class="sec-overlay"></div>
	<!-- container -->
	<div class="container">
			<div class="row">
			<div class="lets-talk-img parallax"></div>
			<!-- Testimonial Slider -->
			<div class="testimonial-slider col-lg-6 col-lg-offset-3">
				<div id="testimonial-slider" class="owl-carousel owl-theme">

				    <div class="testimonial-item">
				        <div class="center-div">
				            <img src="https://tecmedia.com.br/assets/img/clients/31.webp?v=1750586662" alt=""  loading="lazy" />
				            <p class="testimonial-quote">Nós, da Stylo Fm, escolhemos a Tecmedia para desenvolver nosso site devido à superioridade do serviço prestado, seja com novas ideias, novas tecnologias, suporte, profissionais capacitados, agilidade no serviço e, principalmente, a garantia de um bom funcionamento do site."</p>
				            <span class="test-name">Jonatan Lopes</span>
				            <span class="test-desn">&nbsp;Coordenador Artístico, Stylo FM</span>
				        </div>
				    </div>
				    <div class="testimonial-item">
				        <div class="center-div">
				            <img src="https://tecmedia.com.br/assets/img/clients/63.webp?v=1750586662" alt=""  loading="lazy" />
				            <p class="testimonial-quote">Excelente empresa e excelente atendimento. A Tecmedia desenvolveu para o INVENT® – Instituto Nacional de Vendas e Trade Marketing, um sistema muito eficiente de gerenciamento do site e, em breve, irá reestruturar todo o site de nossa outra empresa, Esfera Vendas Trade & Marketing. Vale ressaltar que a equipe da Tecmedia é muito prestativa e atende nossas necessidades com agilidade e qualidade. Recomendo de verdade.</p>
				            <span class="test-name">Renata Conrado</span>
				            <span class="test-desn">&nbsp;Coordenadora de Projetos</span>
				        </div>
				    </div>
				    <div class="testimonial-item">
				        <div class="center-div">
				            <img src="https://tecmedia.com.br/assets/img/clients/1.webp?v=1750586662" alt=""  loading="lazy" />
				            <p class="testimonial-quote">Nós, da A4 Print Service, estamos satisfeitos com a Tecmedia pelo desenvolvimento do sistema de requisições de serviços, exclusivo para atender às necessidades do nosso cliente. É uma ferramenta completa, que nos fornece todos os recursos necessários para qualquer informação dos trabalhos executados.</p>
				            <span class="test-name">Ludgero Bitencourt</span>
				            <span class="test-desn">&nbsp;Sócio, A4 Print Service</span>
				        </div>
				    </div>
				    <div class="testimonial-item">
				        <div class="center-div">
				            <img src="https://tecmedia.com.br/assets/img/clients/4.webp?v=1750586662" alt=""  loading="lazy" />
				            <p class="testimonial-quote">A Tecmedia provou ser uma empresa séria e com uma equipe qualificada. O resultado atingiu todos os nossos objetivos. Posso afirmar que a relação com a Tecmedia durante o processo de nosso projeto foi perfeita. Tive todo o suporte antes, durante e depois da implantação do sistema. O retorno para a City Blue foi grande, pois estamos otimizando o tempo de resposta ao cliente e ao representante.</p>
				            <span class="test-name">Sammer Silva de Souza</span>
				            <span class="test-desn">&nbsp;Gerente de Vendas</span>
				        </div>
				    </div>
				    <div class="testimonial-item">
				        <div class="center-div">
				            <img src="https://tecmedia.com.br/assets/img/clients/51.webp?v=1750586662" alt=""  loading="lazy" />
				            <p class="testimonial-quote">Estou na Transal há 3 anos, e há mais ou menos 1 ano e meio, estou em contato com a Tecmedia. Estamos satisfeitíssimos com o serviço prestado. A Tecmedia, além de prestar seus serviços com competência, traz soluções para a nossa empresa. E sempre dinamiza seus serviços de maneira transparente, eficiente, com um custo benefício de acordo com sua competência e com uma agilidade surpreendente.</p>
				            <span class="test-name">Richard Francisco</span>
				            <span class="test-desn">&nbsp;Auxiliar Administrativo</span>
				        </div>
				    </div>

				</div><!-- Carousel Inner -->
			</div><!-- Testimonial Slider /- -->

		</div>
		<div class="row">
			<!--Client Sec-->
			<div id="client" class="col-lg-12 client-sec">
				<div id="client-wrap" class="owl-carousel owl-theme">
<div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/52.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/46.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/8.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/20.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/19.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/7.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/62.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/35.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/39.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/14.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/50.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/65.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/30.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/22.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/18.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/16.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/1.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/26.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/33.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div><div>
						<div>
							<div class='client-box'>
								<img src='https://tecmedia.com.br/assets/img/clients/61.webp?v=1750586662' alt=''  loading='lazy' />
							</div>
						</div>
					</div>				
				</div>
			</div>
			<!--/Client Sec-->
		</div>	
	</div><!-- container -->
</section>
<!-- /Testimonial Section-->
<script>
var $j = jQuery.noConflict();
$j(document).ready(function(){

    console.log("Depoimentos encontrados:", $j("#testimonial-slider .testimonial-item").length);

    if ($j("#testimonial-slider .testimonial-item").length > 0) {
        $j("#testimonial-slider").owlCarousel({
            items: 5,
            loop: true,
            autoplay: true,
            autoplayTimeout: 6000,
            smartSpeed: 800,
            dots: false,
            dotsEach: 1,
            nav: true,
            navText: ["<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>"],
            responsive: {
                0: { items: 1 },
                600: { items: 1 },
                1000: { items: 1 }
            }
        });
    }

    $j("#client-wrap").owlCarousel({
        items: 20,
        loop: true,
        autoplay: true,
        autoplayTimeout: 1500,
        smartSpeed: 1500,
        slideTransition: 'linear',
        dots: false,
        nav: false,
        navText: ["<", ">"],
        responsive: {
            0: { items: 1 }, 
            600: { items: 4 }, 
            1000: { items: 5 } 
        }
    });
});

</script><!--Expertises Sec-->
<section id="experiencia" class="expertises-sec">
<div class="sec-head">
	<div class="slanted-head"></div>
	<div class="container">
		<div class="row">
			<div class="col-xs-4">
				<div class="table-wrap">
					<div class="align-middle">
						<h4>
							Nossa experiência
						</h4>
						<div class="seprator sm-sep">
							<span class="seprator-sm black"></span>
							
						</div>
					</div>	
				</div>	
			</div>
			<div class="col-xs-8">
				<div class="table-wrap">
					<div class="align-middle text-right">
						<p>
							Nossos diferenciais destacam nossa expertise e inovação.
						</p>
					</div>
				</div>
			</div>
		</div>	
	</div>	
</div>
<div style="background:#f2f1f1;">
<div class="container padding-sec-sm">
	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 28 anos de atuação no mercado web</h3>            
								<p>Somos uma das pioneiras no segmento de internet. A Tecmedia é a agência digital, em atividade, com mais tempo de atuação, no país.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 320 empresas já atendidas</h3>            
								<p>Ao longo dessas duas décadas já atendemos empresas de inúmeros segmentos, ajudando a resolver os mais variados tipos de problemas.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 610 projetos digitais desenvolvidos</h3>            
								<p>Muitas linhas de código, muitas funcionalidades, mas, principalmente, muitos resultados para nossos clientes.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 1.500 horas de consultorias realizadas</h3>            
								<p>Auxiliar o cliente na difícil tarefa de escolher melhor caminho em uma era onde a melhoria contínua é essencial para o sucesso nos negócios.</p>
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>

	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 2.900 contatos comerciais diretos</h3>            
								<p>Uma rede de contatos forte e engajada só pode ser construída por uma empresa competente e comprometida com o cliente.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 1.300 negociações aprovadas</h3>            
								<p>A confiança que nossos clientes depositam em nós é resultado de uma política comercial justa, sustentável e dentro da realidade.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Mais de 190 colaboradores já treinados</h3>            
								<p>Compartilhar conhecimento e experiências é o que nos faz perpetuar em um mercado tão desafiador e cheio de incertezas.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>4 vezes consecutivas finalista no Prêmio MPE SC</h3>            
								<p>Estar entre as empresas que se destacam pelo seu modelo de gestão, comprova que a nosso esforço e dedicação valeram a pena.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>	

	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />       
								<h3>Treinamento corporativo online</h3>            
								<p>Em 2000, validamos uma das primeiras iniciativas de treinamento corporativo via internet, do Brasil.</p>           
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Auto serviço para transportadoras</h3>            
								<p>Em 2001, criamos o primeiro site de auto serviço para transportadoras, do Brasil – o Nascisul Online.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Ferramenta de e-mail marketing</h3>            
								<p>Em 2002, desenvolvemos uma das primeiras ferramentas de e-mail marketing do Brasil – o Super Informativo.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Sistema de gestão 100% via web</h3>            
								<p>Em 2003, idealizamos e criamos um dos primeiros sistemas de gestão, 100% web, do Brasil – o PCT.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>	

	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Sistema tintométrico free</h3>            
								<p>Em 2006, desenvolvemos um dos primeiros software de precificação de cores do Brasil – o Resicolor Free.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Sistema de apoio a vendas</h3>            
								<p>Em 2006, projetamos e implementamos um dos primeiros sistemas de apoio a vendas do Brasil – o SAV.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Acessibilidade web para deficientes</h3>            
								<p>Em 2007, fomos uma das primeiras agência do Brasil a implementar acessibilidade em sites.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/014.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Ferramenta de atendimento online</h3>            
								<p>Em 2007, criamos uma das primeiras ferramentas de atendimento online via chat do Brasil – o PCT Chat.</p>            
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>	


	<div class="row">
		<!-- Service Icon Boxes -->
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/022.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Falhas de comunicação</h3>            
								<p>Ao longo desse tempo no mercado, obviamente, já cometemos vários erros de comunicação com nosso público.</p><br/>
								<p><strong>Aprendemos com nossos erros, e hoje, claro, erramos muito menos.</strong></p>           
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/022.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Prazos “estourados”</h3>            
								<p>Quando se fala em projetos customizados (nossa especialidade durante muitos anos), prazos e custos quase sempre são muito críticos.</p><br/>
								<p><strong>Aprendemos com nossos erros, e hoje, claro, erramos muito menos.</strong></p>                      
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/021.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Erros de projetos</h3>            
								<p>Além de dar garantia total, em tudo o que fazemos, sempre fomos muito cuidadosos para que nossas soluções fossem quase perfeitas, porém, somos humanos, e erramos.</p><br/>
								<p><strong>Aprendemos com nossos erros, e hoje, claro, erramos muito menos.</strong></p>     
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>
		
		<div class="col-lg-3 col-sm-6 service-wrap margin-btm-sm">
			<div class="expertise-block-wrap">
				<div class="row">
					<div class="service-content-wrap">
						<div class="services-icon col-sm-12">            
							<div class="service-info-text center-div">  
								<img id="expertise_1" src="https://tecmedia.com.br//assets/img/icons/023.svg" height="64px" width="64px" loading="lazy" />          
								<h3>Satisfação dos clientes</h3>            
								<p>Apesar de termos cometidos erros ao longo da nossa trajetória, conseguimos absorver e corrigir a maioria deles, sem que o cliente fosse prejudicado.</p><br/>
								<p><strong>Essa é a nossa maneira de trabalhar: Errar, admitir, corrigir, aprender, acertar…</strong></p>
							</div>            
						</div>
					</div>	
				</div>
			</div>	
		</div>

	<!--/Service Icon Boxes -->
	</div>	
</div>
</div>
</section>
<!--/Expertises Sec--><!--Start A Project Sec-->
<section class="start-project">
	<div class="sec-head  padding-sec-sm">
	<div class="slanted-head"></div>
	<div class="container">
		<div class="row">
			<div class="col-xs-8 center-div">
				<h2>
					Tem um grande projeto?
				</h2>
				<div class="seprator">
					<span class="seprator-sm center-div"></span>
				</div>
			</div>
			<div class="col-xs-4 center-div">
				<a data-scroll href="#contato" class="btn btn-3 btn-3e icon-arrow-right">fale conosco<i class="fa fa-angle-down"></i></a>
			</div>
		</div>	
	</div>	
</div>
</section>
<!--/Start A Project Sec--><!-- Blog Sec -->
<section id="noticias" class="blog-sec padding-sec-lg">
    <div class="row">
        <div class="col-lg-6 center-div">
            <h2>Notícias</h2>
            <div class="seprator">
                <span class="seprator-sm center-div"></span>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>  
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Certifique-se de que o jQuery está carregado -->
    <script>
        async function getWordPressPosts(siteUrl, perPage = 5) {
            try {
                const response = await fetch(`${siteUrl}?per_page=${perPage}`);
                
                if (!response.ok) {
                    throw new Error(`Erro ao buscar posts: ${response.statusText}`);
                }

                const posts = await response.json();
                var i = 0;
                var last = ""; 

                posts.forEach(post => {
                    i++;
                    if (i === perPage) { last = " last"; }

                    var title = post.title.rendered;
                    var link_post = post.link;
                    var date_post = new Date(post.date).toLocaleDateString("pt-BR"); // Formatar data corretamente
                    var author = post.yoast_head_json?.author || "Desconhecido"; // Evitar erro se o campo não existir
                    var url_img = post.yoast_head_json?.og_image?.[0]?.url || "https://via.placeholder.com/800x400"; // Imagem padrão

                    $(".blog-wrap").append(`
                        <li class="blog-list${last}" style="background-image:url('${url_img}'); background-size: cover; background-position: center;">
                            <div class="blog-con">
                                <div class="seprator"><span class="seprator-sm center-div"></span></div>
                                <h3>${title}</h3>
                                <span class="blog-date">${date_post}</span>
                                <span class="blog-per">Por: ${author}</span>
                            </div>
                            <div class="blog-overlay"></div>
                            <div class="blog-dark-overlay"></div>
                            <a class="link-detail" target="_blank" href="${link_post}"></a>
                        </li>
                    `);
                });

                return posts;

            } catch (error) {
                console.error("Erro:", error);
            }
        }

        // Nova URL do WordPress
        const siteWordPress = "https://blog.tecmedia.com.br/wp-json/wp/v2/posts";
        getWordPressPosts(siteWordPress, 3);
    </script>
    <ul class="container blog-wrap"></ul>
    <a href="https://blog.tecmedia.com.br/" class="btn btn-3 btn-3e icon-arrow-right bigger-btn" target="_blank">Veja todas notícias <i class="fa fa-angle-right"></i></a>
</section>
<!-- /Blog Sec --><!--Pricing Sec-->
<section id="materiais" class="pricing-sec padding-sec-lg parallax" style="background-image:url(https://tecmedia.com.br/assets/img/parallaxbg2.avif?v=1750586662);">
	<div class="container">
		<div class="row">
			<div class="col-md-9">
				<h4>
					Aprenda com a Tecmedia
				</h4>
				<div class="seprator sm-sep">
					<span class="seprator-sm"></span>
					
				</div>
				<p class="lead">
					Baixe gratuitamente nossos eBooks e guias exclusivos para simplificar seu dia a dia e impulsionar sua produtividade.
				</p>
			</div>
			<div class="col-md-3">
				<div class="row">
					<!-- Pricing Item -->
					<div class="col-xs-12">
						<!-- Button -->											
							<a href="https://tecmedia.com.br/materiais/" class="btn btn-3 btn-3e icon-arrow-right bigger-btn">Baixe nossos materiais<i class="fa fa-angle-right"></i></a>
						<!--/Button -->
					</div>
					<!-- End Pricing Item -->
				</div>
			</div>	
		</div>
	</div>
</section>
<!--/Pricing Sec--><!--Contact Sec-->
<section id="contato"  class="contact-sec padding-sec-lg">
	<div class="form-wrap container" data-ng-controller="ContactController" data-ng-app="contactApp">
		<div class="row">
			<div class="col-lg-6 center-div">
				<h2>
					Fale <span  data-ng-bind="formData.inputName||'conosco'">conosco</span>
				</h2>
				<div class="seprator">
					<span class="seprator-sm center-div"></span>
				</div>
			</div>
		</div>	
		<div class="clearfix"></div>
		<form action="https://tecmedia.com.br/contato/enviado-com-sucesso" name="contactform" method="post" class="form-horizontal" role="form">
		    <div class="form-group col-lg-8 center-div">
		        <div class="input-wrap">
		            <input type="text" class="form-control input__field input" id="inputName" name="nome" placeholder="Seu Nome" aria-label="Nome Completo" required>
		        </div>  
		    </div>
		    <div class="form-group col-lg-8 center-div">
		        <div class="input-wrap">
		            <input type="email" class="form-control input input__field" placeholder="Seu E-mail" id="inputEmail" name="e-mail" aria-label="E-mail" required>
		        </div>  
		    </div>
		    <div class="form-group col-lg-8 center-div">
		        <div class="input-wrap">
		            <textarea class="form-control input input__field" rows="4" id="inputMessage" name="mensagem" placeholder="Digite sua mensagem" aria-label="Mensagem" required></textarea>
		        </div>  
		    </div>
		    <div class="form-group col-lg-8 center-div">
		        <div class="input-wrap text-center">
		            <div>
		                <img src="https://tecmedia.com.br//assets/php/captcha.php?l=150&a=50&tf=50&ql=5" class="captcha" alt="Código Captcha">
		            </div>
		            <input type="text" class="form-control input__field input" id="contatoCaptcha" name="contatoCaptcha" placeholder="Digite o código acima" maxlength="5" aria-label="Código Captcha" required>
		        </div>  
		    </div>
		    <div class="form-group">
		        <div class="center-div">
		            <button type="submit" class="btn btn-3 btn-3e icon-arrow-right">Enviar <i class="fa fa-angle-right"></i></button>
		        </div>
		    </div>
		</form>
	</div>
	<div class="address-sec padding-top-lg container">
		<div class="row">
			<div class="col-xs-6">
				<div class="icon col-md-1 col-sm-2 col-xs-1"><i class="fa fa-envelope"></i></div>
				<div class="col-md-11 col-sm-10 col-xs-11">
					<span class="tag">email</span>
				</div>
				<div class="clearfix"></div>
				<div class="col-lg-12">	
					<a href="/cdn-cgi/l/email-protection#a3c2d7c6cdc7cacec6cdd7cce3d7c6c0cec6c7cac28dc0ccce8dc1d1" target="_blank"><span class="__cf_email__" data-cfemail="a6c7d2c3c8c2cfcbc3c8d2c9e6d2c3c5cbc3c2cfc788c5c9cb88c4d4">[email&#160;protected]</span></a>
				</div>	
			</div>
			<div class="col-xs-6">
				<div class="icon col-md-1 col-sm-2 col-xs-1"><i class="fa fa-whatsapp"></i></div>
				<div class="col-md-11 col-sm-10 col-xs-11">
					<span class="tag">whatsapp</span>
				</div>
				<div class="clearfix"></div>
				<div class="col-lg-12">		
					<a href="https://api.whatsapp.com/send?phone=5548999948513&text=Ol%C3%A1,+tudo+bem?" target="_blank">+55 (48) 99994-8513</a>
				</div>	
			</div>
		</div>	
	</div>
</section>
<!--/Contact Sec-->
</div>
<!--/Main Content--><!--Footer Sec-->
<section class="footer-sec">
	<footer>
		<div class="sec-head">
			<div class="slanted-head"></div>
			<div class="container center-div padding-sec-xs">
				<div class="copyright">
					<ul class="social-icons">
						<li>
							<a href="https://facebook.com/tecmedia" target="_blank" class="social-icon">
								<i class="fa fa-facebook" alt="fb.com/tecmedia"></i>
							</a>
						</li>
						<li>
							<a href="https://instagram.com/tecmedia" target="_blank" class="social-icon">
								<i class="fa fa-instagram" alt="@tecmedia"></i>
							</a>
						</li>
						<li>
							<a href="https://www.linkedin.com/company/tecmedia-internet-design/" target="_blank" class="social-icon">
								<i class="fa fa-linkedin" alt="tecmedia-internet-design"></i>
							</a>
						</li>
						<li>
							<a href="https://youtube.com/tecmediatv" target="_blank" class="social-icon">
								<i class="fa fa-youtube" alt="tecmediatv"></i>
							</a>
						</li>
					</ul>
					<p><a href="https://tecmedia.com.br/politica-de-privacidade">Política de Privacidade</a> | <a href="https://tecmedia.com.br/termos-de-uso">Termos de Uso</a></p>
					<br/>
					<p>Desenvolvido por Tecmedia © 2025</p>
				</div>	
			</div>	
		</div>
		<div class="gototop">
			<a href="#body" data-scroll class="btn btn-3 btn-3e"><i class="fa fa-angle-up"></i></a>
		</div>
	</footer>
</section>	
<!--/Footer Sec-->
<!--JavaScripts-->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://tecmedia.com.br/assets/js/jquery-1.12.4.min.js?v=1750586662"></script>
<!-- <script src="assets/js/angular.min.js?v="></script> -->
<script src="https://tecmedia.com.br/assets/js/bootstrap.min.js?v=1750586662"></script>
<script src="https://tecmedia.com.br/assets/js/plugins.js?v=1750586662"></script>
<!-- <script src="assets/js/app.js?v="></script> -->
<!-- <script src="assets/js/controllers.js?v="></script> -->
<script src="https://tecmedia.com.br/assets/js/init.js?v=1750586662"></script>
</body>

</html>