<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="utf-8">
  <title>Design Resiliente - Especialistas em Design e Marketing Digital para fazer sua empresa crescer</title>
  <meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta name="language" content="PT-BR">
  <meta name="description" content="Nós da Design Resiliente temos uma equipe de especialistas para auxiliar seu negócio a se desenvolver das mais diversas maneiras através das mídias digitais, como: desenvolvimento de site comercial, gestão de redes sociais, assessoria em marketing digital, campanha Facebook e Instagram Ads, campanha Google Ads, melhoria de SEO, melhoria visual de site, UX Design etc">
	<meta name="keywords" content="marketing digital, link patrocinado, social media, mídias digitais, desenvolvimento para web, webdesign, anunciar no google, assessoria de marketing, campanha redes sociais, redes sociais, marketing digital, desenvolvimento de site, Google Ads, SEO, UX, UX Design, Desenvolvimento de Logotipo, Melhoria de Redes Sociais, Gestão de Redes Sociais">
	<meta name="classification" content="Marketing Digital, Design, UX Design, SEO, Redes Sociais, Design Digital">
	<meta name="keyphrases" content="">
  <meta name="robots" content="all">
  <meta name="revisit-after" content="1 day">
	<meta name="distribution" content="global">
	<meta name="audience" content="all">
	<meta name="url" content="http://www.designresiliente.com.br/">
	<meta name="rating" content="general">
	<meta name="author" content="Design Resiliente">
	<meta name="creator" content="Quesia Laureane, Danilo Amaral">
	<meta name="publisher" content="Design Resiliente">
	<meta name="copyright" content="Copyright Design Resiliente">
	<meta http-equiv="imagetoolbar" content="no">
	<meta name="MSSmartTagsPreventParsing" content="true">
<!--Dados estruturados de Review-->
<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "url": "https://www.designresiliente.com.br",
      "logo": "img/logo.png"
    }
    </script>




<!-- 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-5N5F8G3');</script>
<!-- End Google Tag Manager -->

  <!-- Favicons -->
  <link href="img/favicon.png" rel="icon">
  <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,500,600,700,700i|Montserrat:300,400,500,600,700" rel="stylesheet">

  <!-- Bootstrap CSS File -->
  <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Libraries CSS Files -->
  <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="lib/animate/animate.min.css" rel="stylesheet">
  <link href="lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

  <!-- Main Stylesheet File -->
  <link href="css/style.css" rel="stylesheet">

  <!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '671013743230262');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=671013743230262&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

</head>

<body>

  <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5N5F8G3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
  <!--==========================
  Header
  ============================-->
  <header id="header">

    <div id="topbar">
      <div class="container">
        <div class="social-links">
          <a href="https://www.facebook.com/designresiliente/" class="facebook" target="_blank"><i class="fa fa-facebook"></i></a>
          <a href="https://www.instagram.com/designresiliente/" class="instagram" target="_blank"><i class="fa fa-instagram"></i></a>
          <!--<a class="twitter"><i class="fa fa-twitter" target="_blank"></i></a>
          <a class="linkedin"><i class="fa fa-linkedin" target="_blank"></i></a>-->
        </div>
      </div>
    </div>

    <div class="container">

      <div class="logo float-left">
        <!-- Uncomment below if you prefer to use an image logo
        <h1 class="text-light"><a href="#intro" class="scrollto"><span>desing resiliente</span></a></h1>-->
        <a href="#header" class="scrollto"><img src="img/logo.png" alt="" class="img-fluid"></a>
      </div>

      <nav class="main-nav float-right d-none d-lg-block">
        <ul>
          <li class="active"><a href="#intro">Início</a></li>
          <li><a href="#testimonials">Experiências Reais</a></li>
          <li><a href="#why-us">Como fazemos</a></li>
          <li><a href="#clients">Clientes</a></li>
          <!--<li><a href="#pricing">Planos</a></li>-->
          <li><a href="#services">Soluções</a></li>
          <li><a href="#portfolio">Projetos Realizados</a></li>
          <li><a href="#footer">Contato</a></li>
        </ul>
      </nav><!-- .main-nav -->

    </div>
  </header><!-- #header -->

  <!--==========================
    Intro Section
  ============================-->
  <section id="intro" class="clearfix">
    <div class="container d-flex h-100">
      <div class="row justify-content-center align-self-center">
        <div class="col-md-6 intro-info order-md-first order-last">
          <h2>A <span>solução completa</span> em Design e Marketing Digital para sua empresa</h2>
          <h3>Nosso negócio é desenvolver o seu!</h3> <br>
          <div class=" wow tada" >
            <a id="conversao" href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, quero saber mais sobre como desenvolver meu negócio através da Internet e das Redes Sociais" target="_blank" class="btn-get-started scrollto">
            Quero desenvolver meu negócio</a>
          </div>
        </div>

        <div class="col-md-6 intro-img order-md-last order-first">
          <img src="img/intro-img.svg" alt="" class="img-fluid">
        </div>
      </div>

    </div>
  </section><!-- #intro -->

  <main id="main">
    <!--==========================
      Clients Section
    ============================-->
    <section id="testimonials" class="section-bg ">
      <div class="container">

        <header class="section-header">
          <h3>Experiências Reais</h3>
        </header>

        <div class="row justify-content-center">
          <div class="col-lg-8">

            <div class="owl-carousel testimonials-carousel wow fadeInUp">

              <div class="testimonial-item">
                <img src="img/Sol_Pinheiro.jpg" class="testimonial-img" alt="">
                <h3>Sol Pinheiro</h3>
                <h4>Espaço Sol Pinheiro</h4>
                <p>
                  A Design Resiliente tem profissionais maravilhosos e estou muito contente em ter uma parceria a anos, pois, eles são muito dedicados. Através da página no Portal eu tenho captado diversos clientes.
                </p>
              </div>

              <div class="testimonial-item">
                <img src="img/Neyla_Daiany.jpg" class="testimonial-img" alt="">
                <h3>Neyla Daiany</h3>
                <h4>ND - Aquele cuidado quando SE ama</h4>
                <p>
                  Equipe extremamente profissional, em atendimento, suporte, explicação do passo a passo...Super indico.
                </p>
              </div>

              <div class="testimonial-item">
                <img src="img/vettore.png" class="testimonial-img" alt="">
                <h3>Jovino Leonardo</h3>
                <h4>Pizzaria Vettore</h4>
                <p>
                  Empresa responsável altamente comprometida com o cliente.
                </p>
              </div>

              <div class="testimonial-item">
                <img src="img/Maria_Luiza.png" class="testimonial-img" alt="">
                <h3>Maria Luiza</h3>
                <h4>Belinha Baby Tricô</h4>
                <p>
                  A Design Resiliente auxiliou no desenvolvimento dos meus produtos e trouxe maior credibilidade para meus clientes.
                </p>
              </div>


              <div class="testimonial-item">
                <img src="img/Bia.png" class="testimonial-img" alt="">
                <h3>Bianca Galvão</h3>
                <h4>Carolinas da Bia</h4>
                <p>
                O atendimento foi incrível, sempre atenciosos e pacientes. Bons ouvintes que buscaram entender meu negócio para criar uma página completamente coerente com o meu plano de negócio.
                </p>
              </div>

              <div class="testimonial-item">
                <img src="img/Priscila.png" class="testimonial-img" alt="">
                <h3>Priscila Lessa</h3>
                <h4>Espaço Lilith</h4>
                <p>
                Ótima empresa para quem procura Parcerias e Assessoria Comercial
                </p>
              </div>
              <div class="testimonial-item">
                <img src="img/Danilo_Oasis.jpg" class="testimonial-img" alt="">
                <h3>Danilo Freire</h3>
                <h4>Oásis Massas Veganas</h4>
                <p>
                Foi ótimo, o atendimento foi incrível, me senti realmente satisfeito.
                </p>
              </div>
              <div class="testimonial-item">
                <img src="img/Nawts_life.jpg" class="testimonial-img" alt="">
                <h3>Rosana Menino</h3>
                <h4>Representante Nawt's Life</h4>
                <p>
                  Minha experiência com vcs foi maravilhosa! Grata por tudo que fizeram por mim.
                </p>
              </div>
              <div class="testimonial-item">
                <img src="img/Cesar_CTP.jpg" class="testimonial-img" alt="">
                <h3>César</h3>
                <h4>CTP Transportes</h4>
                <p>
                  A Design Resiliente mostrou muito profissionalismo, ética, compromisso e confiança através de seus colaboradores que sempre nos atenderam com muita atenção para compreenderem de forma transparente a melhor ferramenta a ser usada para CTP Transportes. Assim sou grato a equipe pelos resultados que alcançamos até hoje.
                </p>
              </div>
              <div class="testimonial-item">
                <img src="img/Bemthec.jpg" class="testimonial-img" alt="">
                <h3>Iza</h3>
                <h4>Bemthec</h4>
                <p>
                  Muito bom, adorei empresa rápida e profissional.
                </p>
              </div>
              <!--<div class="testimonial-item">
                <img src="img/testimonial-3.jpg" class="testimonial-img" alt="">
                <h3>Jena Karlis</h3>
                <h4>Store Owner</h4>
                <p>
                  Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint minim.
                </p>
              </div>

              <div class="testimonial-item">
                <img src="img/testimonial-4.jpg" class="testimonial-img" alt="">
                <h3>Matt Brandon</h3>
                <h4>Freelancer</h4>
                <p>
                  Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt elit fore quem dolore labore illum veniam.
                </p>
              </div>
-->
            </div>

          </div>
        </div>


      </div>
    </section><!-- #testimonials -->

    <!--==========================
      Why Us Section
    ============================-->
    <section id="why-us" class="wow fadeIn">
      <div class="container-fluid">

        <header class="section-header">
          <h3>Saiba exatamente onde sua estratégia está falhando</h3>
          <!--<p>Saiba exatamente onde sua estratégia está falhando e onde pode aprimorar.</p>-->
        </header>

        <div class="row">

          <div class="col-lg-6 wow jackInTheBox ">
            <div class="why-us-img">
              <img src="img/why-us.png" alt="" class="img-fluid">
            </div>
          </div>

          <div class="col-lg-6">
            <div class="why-us-content">
              <p>Nossos projetos são baseados na necessidade específica de cada cliente, de cada negócio, levando em conta os seus objetivos, experiências e recursos disponíveis. Seguimos algumas etapas para buscar as melhores soluções:</p>
              <p>

              </p>

              <div class="features wow bounceInRight clearfix">
                <i class="fa fa-commenting-o" style="color: #f058dc;"></i>
                <h4>Planejamento</h4>
                <p>"Para quem não sabe onde quer chegar, qualquer caminho serve." Por isto, nossos projetos sempre iniciam através de uma imersão em seu negócio para que possamos conhecê-lo a fundo e traçar a melhor Estratégia. Trataremos seu negócio como se fosse nosso.</p>
              </div>

              <div class="features wow bounceInUp clearfix">
                <i class="fa fa-object-group" style="color: #ffb774;"></i>
                <h4>Execução e Acompanhamento</h4>
                <p>Tendo bem claro onde queremos chegar, e como, está na hora de colocar nossas ideias em prática. Nossa equipe está preparada para executar seu projeto de forma impecável, sem esquecer, de sempre acompanhar os resultados e pivotar quando necessário.</p>
              </div>

              <div class="features wow bounceInRight clearfix">
                <i class="fa fa-check-square-o" style="color: #589af1;"></i>
                <h4>Análise e Apresentação de Resultados</h4>
                <p>Este é o momento de consolidar todos os resultados, analisar e apresentar. Precisamos de dados para tomar decisões assertivas em nosso negócio e continuar escalando.</p>

            </div>

          </div>

        </div>

      </div>

    </section>


        <!--==========================
          Pricing Section
        ============================-->
        <section id="pricing" class="wow fadeInUp section-bg">

          <div class="container">

            <header class="section-header">
              <h3>Nossos números</h3>
              <!-- <p>Queremos oferecer aos nossos clientes acesso ao serviços de marketing digital, com isso desenvolvemos 3 planos para projetos, que são acessiveis ao seu bolso e atende as suas necessidades.</p> -->
            </header>

            <div class="row flex-items-xs-middle flex-items-xs-center">

              <!--Basic Plan-->
              <div class="col-xs-12 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3><span class="currency"></span>+100<span class="period"></span></h3>
                  </div>
                  <div class="card-block">
                    <h4 class="card-title">
                       Clientes Atendidos
                    </h4>
                    <!--<ul class="list-group">
                      <li class="list-group-item">Inserção ao Portal Somos Guarulhos</li>
                    </ul>
                    <a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, gostaria de fechar o plano básico" target="_blank" class="btn">Fechar Plano</a>-->
                  </div>
                </div>
              </div>

              <!--Basic Plan-->
              <div class="col-xs-12 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3><span class="currency"></span>+15<span class="period"></span></h3>
                  </div>
                  <div class="card-block">
                    <h4 class="card-title">
                       Anos de Experiência
                    </h4>
                    <!--<ul class="list-group">
                      <li class="list-group-item">Inserção ao Portal Somos Guarulhos</li>
                    </ul>
                    <a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, gostaria de fechar o plano básico" target="_blank" class="btn">Fechar Plano</a>-->
                  </div>
                </div>
              </div>


              <!--Basic Plan-->
              <div class="col-xs-12 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3><span class="currency"></span>+200<span class="period"></span></h3>
                  </div>
                  <div class="card-block">
                    <h4 class="card-title">
                       Campanhas
                    </h4>
                    <!--<ul class="list-group">
                      <li class="list-group-item">Inserção ao Portal Somos Guarulhos</li>
                    </ul>
                    <a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, gostaria de fechar o plano básico" target="_blank" class="btn">Fechar Plano</a>-->
                  </div>
                </div>
              </div>

              <!--Regular Plan
              <div class="col-xs-12 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3><span class="currency">R$</span>500<span class="period">/mês</span></h3>
                  </div>
                  <div class="card-block">
                    <h4 class="card-title">
                       Plano Regular
                    </h4>
                    <ul class="list-group">
                      <li class="list-group-item">Inserção ao Portal Somos Guarulhos</li>
                      <li class="list-group-item">Projeto de Mídias Sociais</li>
                    </ul>
                    <a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, gostaria de fechar o plano regular" target="_blank" class="btn">Fechar Plano</a>
                  </div>
                </div>
              </div>

              Premium Plan
              <div class="col-xs-12 col-lg-4">
                <div class="card">
                  <div class="card-header">
                    <h3><span class="currency">R$</span>1.000<span class="period">/mês</span></h3>
                  </div>
                  <div class="card-block">
                    <h4 class="card-title">
                      Plano Premium
                    </h4>
                    <ul class="list-group">
                      <li class="list-group-item">Inserção ao Portal Somos Guarulhos</li>
                      <li class="list-group-item">Projeto de Mídias Sociais</li>
                      <li class="list-group-item">Links Patrocinados</li>
                    </ul>
                    <a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, gostaria de fechar o plano premium" target="_blank" class="btn">Fechar Plano</a>
                  </div>
                </div>
              </div>-->

            </div>
          </div>

        </section><!-- #pricing -->

        <!--==========================
          Clients Section
        ============================-->
        <section id="clients" class="wow fadeInUp ">
          <div class="container">

            <header class="section-header">
              <h3>Nossos Clientes</h3>
            </header>

            <div class="owl-carousel clients-carousel">
              <img src="img/clients/client-1.png" alt="">
              <img src="img/clients/client-2.png" alt="">
              <img src="img/clients/client-3.png" alt="">
              <img src="img/clients/client-4.png" alt="">
              <img src="img/clients/client-5.png" alt="">
              <img src="img/clients/client-6.png" alt="">
              <img src="img/clients/client-7.png" alt="">
              <img src="img/clients/client-9.png" alt="">
              <img src="img/clients/client-10.png" alt="">
              <img src="img/clients/client-11.png" alt="">
              <img src="img/clients/client-12.png" alt="">
              <img src="img/clients/bellynha_baby_trico.png" alt="">
              <img src="img/clients/luz_ribeiro.png" alt="">
              <img src="img/clients/durgart6_yoga.png" alt="">
              <img src="img/clients/sdf_advocacia.png" alt="">
              <img src="img/clients/belo_ar.png" alt="">
              <img src="img/clients/carolinas_da_bia.png" alt="">
              <img src="img/clients/costa_rodrigures_imobiliaria.png" alt="">
           </div>

          </div>
        </section><!-- #clients -->

        <!--==========================
          Services Section
        ============================-->
        <section id="services" class="section-bg">
          <div class="container">

            <header class="section-header">
              <h3>Soluções</h3>
              <p>Nosso trabalho é entregar estratégias criativas e soluções que vão de encontro com a necessidade de cada tipo de negócio, fazendo assim, com que subam de nível.</p>
            </header>

            <div class="row">

              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #fceef3;">
                  <img id="ico-service" src="img/servicos/acessoria-marketing-digital.png" />
                  <!--<i class="ion-ios-analytics-outline" style="color: #ff689b;"></i> --></div>
                  <h4 class="title">Assessoria em Marketing Digital</h4>
                  <p class="description">Seja você um pequeno empreendedor ou uma grande empresa, o Marketing Digital, bem feito, é essencial para o crescimento de seu negócio. Ter um processo definido e escalável para gerar novas oportunidades, através das diversas ferramentas digitais existentes hoje, é essencial. Você não precisa fazer isto sozinho, conte com nossa experiência.</p>
                </div>

              </div>
              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #fff0da;">
                  <img id="ico-service" src="img/servicos/gestao-redes-sociais.png" />
                 <!--<i class="ion-ios-bookmarks-outline" style="color: #e98e06;">--></i></div>
                  <h4 class="title">Gestão de Redes Sociais</h4>
                  <p class="description">As Redes Sociais se tornaram um dos principais canais de comunicação entre empresas e sua audiência porém, são poucos os negócios que entendem seu funcionamento e sabem utilizar de maneira eficaz. Conte com a gente para desenvolver toda sua estratégia de Redes Sociais que vai desde o desenvolvimento de suas personas, passando pela produção de conteúdo e chegando ao acompanhamento de métricas e objetivos.</p>
                </div>
              </div>

              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #e6fdfc;">
                  <img id="ico-service" src="img/servicos/campanha-facebook-instagram.png" />
                  <!--<i class="ion-ios-paper-outline" style="color: #3fcdc7;"></i>--></div>
                  <h4 class="title">Campanha Facebook e Instagram</h4>
                  <p class="description">É possível gerar oportunidades de negócios através das duas maiores redes sociais da atualidade? Sim! Mas você não vai conseguir isto somente impulsionando suas publicações, conte com a gente para desenvolver um processo que realmente traga resultados ao seu negócio.</p>
                </div>
              </div>
              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.1s" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #eafde7;">
                  <img id="ico-service" src="img/servicos/landing-page-google-ads.png" />
                  <!--<i class="ion-ios-speedometer-outline" style="color:#41cf2e;"></i>--></div>
                  <h4 class="title">Google Ads</h4>
                  <p class="description">O Google é outra ferramenta poderosa para gerar novas oportunidades de negócios, afinal, é de suma importância que sua empresa seja encontrada pelas pessoas que precisam de você. Mas, só ser encontrado não é o suficiente, você precisa de uma estratégia que gere resultados e nós estamos aqui para desenvolver contigo.</p>
                </div>
              </div>

              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #ecebff;">
                  <img id="ico-service" src="img/servicos/design-grafico.png" />
                  <!--<i class="ion-ios-clock-outline" style="color: #8660fe;"></i>--></div>
                  <h4 class="title">Design Digital</h4>
                  <p class="description">Se o seu negócio está no início e você precisa dar os primeiros passos no mundo digital, nós estamos contigo! Seja no Desenvolvimento de seu site comercial, seja no desenvolvimento do logo da sua empresa, ou em Artes para suas Redes Sociais. Oferecemos um conjunto completo de soluções para atender todas as necessidades de sua empresa e a um valor que cabe no seu bolso.  </p>
                </div>
              </div>

              <div class="col-md-6 col-lg-4 wow bounceInUp" data-wow-delay="0.2s" data-wow-duration="1.4s">
                <div class="box">
                  <div class="icon" style="background: #e1eeff;">
                  <img id="ico-service" src="img/servicos/portal-somos-guarulhos.png" />
                  <!--<i class="ion-ios-world-outline" style="color: #2282ff;"></i>--></div>
                  <h4 class="title">Portal Somos Guarulhos</h4>
                  <p class="description">Você é uma empresa da cidade de Guarulhos? Nós também somos e temos muito orgulho disto! Sabia que temos um projeto focado especialmente na cidade e tem como principal objetivo fortalecer o comércio local. Venha conhecer o Portal Somos Guarulhos pois Juntos somos mais!</p>
                </div>
              </div>


            </div>

          </div>
        </section><!-- #services -->

        <!--==========================
        Call To Action Section
      ============================-->
      <section id="call-to-action" class="wow fadeInUp">
        <div class="container">
          <div class="row">
            <div class="col-lg-9 text-center text-lg-left">
              <h3 class="cta-title">Fique a frente da concorrência</h3>
              <p class="cta-text"> Não perca tempo e faça seu negócio crescer. Explore de maneira eficaz o potencial das mídias digitais. </p>
            </div>
            <div  class="col-lg-3 cta-btn-container text-center wow tada">
              <a id="conversao" class="cta-btn align-middle" href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, quero saber mais sobre como desenvolver meu negócio através da Internet e das Redes Sociais" target="_blank">Enviar mensagem</a>
            </div>
          </div>

        </div>
      </section><!-- #call-to-action -->


    <!--==========================
      Portfolio Section
    ============================-->
    <section id="portfolio" class="">
      <div class="container">

        <header class="section-header">
          <h3 class="section-title">Projetos Realizados</h3>
        </header>

        <div class="row">
          <div class="col-lg-12">
            <ul id="portfolio-flters">
              <li data-filter="*" class="filter-active">Todos</li>
              <li data-filter=".filter-web">Web Design</li>
              <li data-filter=".filter-social">Social Media</li>
              <li data-filter=".filter-logo">Logos</li>
              <!--<li data-filter=".filter-card">Impressos</li>
              <li data-filter=".filter-outros">Outros</li>
              -->
            </ul>
          </div>
        </div>

        <div class="row portfolio-container">

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <div class="portfolio-wrap">
              <img src="img/portfolio/web1.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >CTP Transportes</a></h4>
                <p>Landing Page</p>
                <div>
                  <a href="img/portfolio/web1.jpg" data-lightbox="portfolio" data-title="CTP Transportes Landing Page" class="link-preview" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://somosguarulhos.com.br/ctp/" target="_blank" class="link-details" title="Ir ao Site">
                  <i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo1.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >Conexão Guarulhos</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo1.jpg" class="link-preview" data-lightbox="portfolio" data-title="Conexão Guarulhos Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a class="link-details" title="Detalhes do Projeto"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/web3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >BPA Contabilidade</a></h4>
                <p>Landing Page</p>
                <div>
                  <a href="img/portfolio/web3.jpg" class="link-preview" data-lightbox="portfolio" data-title="BPA Contabilidade Landing Page" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="http://www.querocontabilidade.com.br/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social1.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >BPA Contabilidade</a></h4>
                <p>Social Media</p>
                <div>
                  <a href="img/portfolio/social1.jpg" class="link-preview" data-lightbox="portfolio" data-title="Social Media BPA Contabilidade" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.instagram.com/p/B3Xd_h-BZYL/" target="_blank" class="link-details" title="Ver no Instagram"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >Design Resiliente</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo2.jpg" class="link-preview" data-lightbox="portfolio" data-title="Design Resiliente Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="http://designresiliente.com.br/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >LCruz Mangueiras</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo3.jpg" class="link-preview" data-lightbox="portfolio" data-title="LCruz Mangueiras Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="http://lcruzmangueiras.com.br/site/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/web2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >Espaço Master</a></h4>
                <p>Landing Page</p>
                <div>
                  <a href="img/portfolio/web2.jpg" class="link-preview" data-lightbox="portfolio" data-title="Espaço Master Landing Page" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="http://espacomaster.com.br/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social4.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >BPA Contabilidade</a></h4>
                <p>Id Visual Facebook</p>
                <div>
                  <a href="img/portfolio/social4.jpg" class="link-preview" data-lightbox="portfolio" data-title="Id Visual Facebook BPA Contabilidade" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.facebook.com/bpacontabilidade/" target="_blank" class="link-details" title="Ver no Página"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo4.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >Mendubí</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo4.jpg" class="link-preview" data-lightbox="portfolio" data-title="Mendubí Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a class="link-details" title=""><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social2.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >AFRA</a></h4>
                <p>Social Media</p>
                <div>
                  <a href="img/portfolio/social2.jpg" class="link-preview" data-lightbox="portfolio" data-title="AFRA Social Media" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.instagram.com/use_afra/" target="_blank" class="link-details" title="Ver Página"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web">
            <div class="portfolio-wrap">
              <img src="img/portfolio/web4.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >SDF Advocacia</a></h4>
                <p>Site</p>
                <div>
                  <a href="img/portfolio/web4.jpg" class="link-preview" data-lightbox="portfolio" data-title="SDF Advocacia Site" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://sdfadvocacia.adv.br/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.1s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social3.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >CTP Transportes</a></h4>
                <p>Social Media</p>
                <div>
                  <a href="img/portfolio/social3.jpg" class="link-preview" data-lightbox="portfolio" data-title="CTP Transportes Social Media" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.facebook.com/ctptransportes/photos/a.3329214467154012/3329214410487351/?type=3&theater" target="_blank" class="link-details" title="Ver Post"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo5.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >ERE Gráfica</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo5.jpg" class="link-preview" data-lightbox="portfolio" data-title="ERE Gráfica Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a class="link-details" title=""><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo6.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >HQ Delicias</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo6.jpg" class="link-preview" data-lightbox="portfolio" data-title="HQ Delicias Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a class="link-details" title=""><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-web" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/web5.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >Dr. Alexandre de Sá</a></h4>
                <p>Site</p>
                <div>
                  <a href="img/portfolio/web5.jpg" class="link-preview" data-lightbox="portfolio" data-title="DR. Alexandre de Sá Domingues Site" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://alexandredesadomingues.adv.br/" target="_blank" class="link-details" title="Ir ao Site"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-logo">
            <div class="portfolio-wrap">
              <img src="img/portfolio/logo7.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >SW Sports</a></h4>
                <p>Logo</p>
                <div>
                  <a href="img/portfolio/logo7.jpg" class="link-preview" data-lightbox="portfolio" data-title="SW Sports Logo" title="Preview"><i class="ion ion-eye"></i></a>
                  <a class="link-details" title=""><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social5.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >CTP Transportes</a></h4>
                <p>Id Visual Facebook</p>
                <div>
                  <a href="img/portfolio/social5.jpg" class="link-preview" data-lightbox="portfolio" data-title="Id Visual Facebook CTP Transportes" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.facebook.com/ctptransportes/" target="_blank" class="link-details" title="Ver no Página"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>


          <div class="col-lg-4 col-md-6 portfolio-item filter-social" data-wow-delay="0.2s">
            <div class="portfolio-wrap">
              <img src="img/portfolio/social6.jpg" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><a >LCruz Mangueiras</a></h4>
                <p>Id Visual Facebook</p>
                <div>
                  <a href="img/portfolio/social6.jpg" class="link-preview" data-lightbox="portfolio" data-title="Id Visual Facebook LCruz Mangueiras" title="Preview"><i class="ion ion-eye"></i></a>
                  <a href="https://www.facebook.com/lcruzmangueiras/" target="_blank" class="link-details" title="Ver no Página"><i class="ion ion-android-open"></i></a>
                </div>
              </div>
            </div>
          </div>

        </div>


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


    <!--==========================
      Frequently Asked Questions Section
    ============================
    <section id="faq">
      <div class="container">
        <header class="section-header">
          <h3>Frequently Asked Questions</h3>
          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque</p>
        </header>

        <ul id="faq-list" class="wow fadeInUp">
          <li>
            <a data-toggle="collapse" class="collapsed" href="#faq1">Non consectetur a erat nam at lectus urna duis? <i class="ion-android-remove"></i></a>
            <div id="faq1" class="collapse" data-parent="#faq-list">
              <p>
                Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
              </p>
            </div>
          </li>

          <li>
            <a data-toggle="collapse" href="#faq2" class="collapsed">Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque? <i class="ion-android-remove"></i></a>
            <div id="faq2" class="collapse" data-parent="#faq-list">
              <p>
                Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
              </p>
            </div>
          </li>

          <li>
            <a data-toggle="collapse" href="#faq3" class="collapsed">Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi? <i class="ion-android-remove"></i></a>
            <div id="faq3" class="collapse" data-parent="#faq-list">
              <p>
                Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
              </p>
            </div>
          </li>

          <li>
            <a data-toggle="collapse" href="#faq4" class="collapsed">Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla? <i class="ion-android-remove"></i></a>
            <div id="faq4" class="collapse" data-parent="#faq-list">
              <p>
                Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
              </p>
            </div>
          </li>

          <li>
            <a data-toggle="collapse" href="#faq5" class="collapsed">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="ion-android-remove"></i></a>
            <div id="faq5" class="collapse" data-parent="#faq-list">
              <p>
                Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
              </p>
            </div>
          </li>

          <li>
            <a data-toggle="collapse" href="#faq6" class="collapsed">Tortor vitae purus faucibus ornare. Varius vel pharetra vel turpis nunc eget lorem dolor? <i class="ion-android-remove"></i></a>
            <div id="faq6" class="collapse" data-parent="#faq-list">
              <p>
                Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
              </p>
            </div>
          </li>

        </ul>

      </div>
    </section><!-- #faq -->


  <!--==========================
    Footer
  ============================-->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">

        <div class="row">

          <div class="col-lg-6">

            <div class="row">

                <div class="col-sm-6">

                  <div class="footer-info">
                    <h3>
                      <a href="#header" class="scrollto"><img src="img/logo.png" alt="" class="img-fluid"></a>
                    </h3>
                    <p> A Design Resiliente surgiu para oferecer soluções que envolvam o universo do Design Digital, focando sempre na excelência da experiência do usuário(UX) final, que gerem valor aos parceiros e clientes com qualidade, responsabilidade social e garantindo a criação de valor.
                    <br>
                    Nosso negócio é desenvolver o seu!</p>
                  </div>

                </div>

                <div class="col-sm-6">

                  <div class="footer-links">
                    <h4>Fale Consoco</h4>
                    <p>
                      Rua Ceres, 99 - Vila Bancaria<br>
                      Guarulhos - São Paulo<br>
                      07124-250, Brasil<br>
                      <br>
                      <strong>WhatsApp:</strong><a href="https://api.whatsapp.com/send?phone=5511990143632&text=Olá, quero saber mais sobre como desenvolver meu negócio através da Internet e das Redes Sociais" target="_blank">
                      +55 11 99014-3632</a><br>
                      <br>
                      <strong>Email:</strong> contato@designresiliente.com.br<br>
                      <br>
                      <strong>Horário:</strong> Seg à Sex - 9:00-18:00<br>
                    </p>
                  </div>

                  <div class="social-links">
                    <a href="https://www.facebook.com/designresiliente/" class="facebook" target="_blank"><i class="fa fa-facebook"></i></a>
                    <a href="https://www.instagram.com/designresiliente/" class="instagram" target="_blank"><i class="fa fa-instagram"></i></a>
                    <!--<a class="twitter" target="_blank"><i class="fa fa-twitter"></i></a>
                    <a class="linkedin" target="_blank"><i class="fa fa-linkedin"></i></a>-->
                  </div>

                </div>

            </div>

          </div>

          <div class="col-lg-6">

            <div class="form">

              <h4>Nos envie uma mensagem</h4>
              <p>Vamos trocar uma ideia e encontrar o melhor plano de ação para o seu negócio.</p>
              <div class="text-left wow swing">
                <a  id="conversao" href="https://api.whatsapp.com/send?phone=5511990143632&text=https://api.whatsapp.com/send?phone=5511990143632&text=Olá, quero saber mais sobre como desenvolver meu negócio através da Internet e das Redes Sociais" target="_blank" class="btn-get-started scrollto">
                <button type="submit" title="Chama no WhatsApp">Falar Agora</button>
                </a>
              </div>

            </div>

          </div>



        </div>

      </div>
    </div>

    <div class="container">
      <div class="copyright">
        &copy; Copyright <strong>Design Resiliente</strong>. Todos os Direitos Reservados
      </div>

    </div>
  </footer><!-- #footer -->

  <a class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  <!-- Uncomment below i you want to use a preloader -->
  <!-- <div id="preloader"></div> -->

  <!-- JavaScript Libraries -->
  <script src="lib/jquery/jquery.min.js"></script>
  <script src="lib/jquery/jquery-migrate.min.js"></script>
  <script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="lib/easing/easing.min.js"></script>
  <script src="lib/mobile-nav/mobile-nav.js"></script>
  <script src="lib/wow/wow.min.js"></script>
  <script src="lib/waypoints/waypoints.min.js"></script>
  <script src="lib/counterup/counterup.min.js"></script>
  <script src="lib/owlcarousel/owl.carousel.min.js"></script>
  <script src="lib/isotope/isotope.pkgd.min.js"></script>
  <script src="lib/lightbox/js/lightbox.min.js"></script>
  <!-- Contact Form JavaScript File -->
  <script src="contactform/contactform.js"></script>

  <!-- Template Main Javascript File -->
  <script src="js/main.js"></script>

</body>
</html>
