E:
/
home
/
kbcomunicacao1
/
Web
/
incosmetics
/
Upload File
HOME
<!DOCTYPE html> <html lang="pt-br"> <head> <title>in-cosmetics Latin America 2019</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--bootstrap css--> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!--flex slider css--> <link href="css/flexslider.css" rel="stylesheet"> <!--google web fonts css--> <!-- icons css--> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"> <!--animated css--> <link href="css/animate.css" rel="stylesheet"> <!--owl carousel css--> <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="screen"> <link href="css/owl.theme.css" rel="stylesheet" type="text/css" media="screen"> <!--custom css--> <link href="css/style.css" rel="stylesheet" type="text/css"> <!-- The HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="js/respond.min.js"></script> <![endif]--> <style type="text/css"> #grande{display: block;} #pequeno{display: none;} @media screen and (max-width: 680px) { #grande{display: none;} #pequeno{display: block;} } </style> </head> <body data-spy="scroll" data-target="#navigation" data-offset="80"> <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> <div class="carousel-item active" id="grande"> <img class="d-block w-100" src="img/teste.png" alt="" width="100%"> </div> <div class="carousel-item active" id="pequeno"> <img class="d-block w-100" src="img/banner2.png" alt="" width="100%"> </div> </div> </div> <section id="about" style="padding: 50px" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-3"> <div> </div><!--about us box end--> </div> <div class="col-md-8"> <div> <div class="about-box-text" style="border-left: 1px solid #000; padding-left: 40px"> <h2>A Feira</h2> <p style="color: #000; text-align: justify;"> Bem-vindo (a) à sexta edição da in-cosmetics Latin America. </p> <p style="color: #000; text-align: justify;"> Um centro de negócios, inovação e atualização para profissionais da indústria de beleza e cuidados pessoais de toda a América Latina. </p> <p style="color: #000; text-align: justify;"> Aqui estão reunidas as maiores empresas do setor em busca de insights e ingredientes para a formulação de produtos para um consumidor cada vez mais exigente e consciente. </p> <p style="color: #000; text-align: justify;"> É uma oportunidade ímpar de falar de comportamento, sustentabilidade, tecnologia e do impacto na economia brasileira com o suporte de especialistas internacionais e dados exclusivos de agências como Euromonitor, Mintel e Factor-Kline. </p> </div> </div><!--about us box end--> </div> </div><!--about services row end--> </div> </div> </section> <section id="pricing" class="pricing-section-2 " data-stellar-background-ratio="0.5"> <div class="pricing-section-1" style="background-color: #0F70B7" > <div class="container"> <div class="section-heading text-center" style="position: relative; z-index: 3"> <h2 class="large section-title" style="color: #FFFFFF">NÚMEROS DA INDÚSTRIA</h2> </div><!--section heading--> </div><!--section heading--> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="pricing-wrapper wow animated fadeInDown" data-wow-delay=".3s" style="border: none;"> <div class="pricing-wrapper-inner"> <img src="img/box_img.png" width="100%"> <img src="img/box_texto.png" width="100%" height="350"> <div style="position: absolute; top: 160px"> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 16px; color: #0F70B7">Top 05 consumidores<br /> mundiais</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">1º Estados Unidos | US$ 89,5 Bilhões</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">2º China | US$ 62,0 Bilhões</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">3º Japão | US$ 37,5 Bilhões</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">4º Brasil | US$ 30,0 Bilhões</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">5º Alemanha | US$ 20,2 Bilhões</p> </div> <p style="color: #0F70B7; font-size: 10px; position: absolute; bottom: 25px; left: 50px"><i>Fonte: Euromonitor</i></p> </div> </div><!--pricing wrapper--> </div><!--price col--> <div class="col-md-3"> <div class="pricing-wrapper wow animated fadeInDown" data-wow-delay=".3s" style="border: none;"> <div class="pricing-wrapper-inner"> <img src="img/box_img2.png" width="100%"> <img src="img/box_texto.png" width="100%" height="350"> <div style="position: absolute; top: 160px"> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 16px; color: #0F70B7">O cenário no Brasil</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Sudeste - 1.685</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Sul – 550</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Nordeste – 307</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Centro-Oeste – 197</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Norte – 55</p> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 16px; color: #0F70B7">TOTAL – 2.794 empresas</p> </div> <p style="color: #0F70B7; font-size: 10px; position: absolute; bottom: 25px; left: 50px"><i>Fonte: ABIHPEC</i></p> </div> </div><!--pricing wrapper--> </div><!--price col--> <div class="col-md-3" style="overflow:auto;"> <div class="pricing-wrapper wow animated fadeInDown" data-wow-delay=".3s" style="border: none;"> <div class="pricing-wrapper-inner"> <img src="img/box_img3.png" width="100%"> <img src="img/box_texto.png" width="100%" height="350"> <div style="position: absolute; top: 160px"> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 14px; color: #0F70B7">Exportações</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• 165 países</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• Principal fornecedor para a América Latina </p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• US$ 664 milhões</p> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 14px; color: #0F70B7">Importações</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• 76 países</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• Origem: Argentina, EUA, França, China e México </p> <p style="text-align: left; color: #0F70B7; margin-left: 20px; font-size: 12px">• US$ 724 milhões</p> </div> <p style="color: #0F70B7; font-size: 10px; position: absolute; bottom: 25px; left: 50px"><i>Fonte: SECEX/Ministério da Economia</i></p> </div> </div><!--pricing wrapper--> </div><!--price col--> <div class="col-md-3"> <div class="pricing-wrapper wow animated fadeInDown" data-wow-delay=".3s" style="border: none;"> <div class="pricing-wrapper-inner"> <img src="img/box_img4.png" width="100%"> <img src="img/box_texto.png" width="100%" height="350"> <div style="position: absolute; top: 160px"> <p style="text-align: left; margin: 10px 20px; font-weight: bold; font-size: 16px; color: #0F70B7">Representatividade</p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">América Latina: 12,7% do mercado mundial </p> <p style="text-align: left; color: #0F70B7; margin-left: 20px">Brasil: 48,6% do mercado latino </p> </div> <p style="color: #0F70B7; font-size: 10px; position: absolute; bottom: 25px; left: 50px"><i>Fonte: Euromonitor</i></p> </div> </div><!--pricing wrapper--> </div><!--price col--> </div> </div> </div><!--price section one end here--> </section> <!--pricing table section end here--> <section id="about" style="padding: 50px 50px 0 50px" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> </div><!--about us box end--> </div> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> <img src="img/imagem_1.png" class="img-responsive" > </div><!--about us box end--> </div> <div class="col-md-6"> <div class="about-box wow animated fadeInDown" data-wow-delay="0.5"> <div class="about-box-text" style="border-left: 1px solid #000; padding-left: 40px"> <br /><br /> <h2>IDEAIS PARA TV</h2> <p style="color: #000; text-align: justify;"> Shampoo em pó, filtro contra luz do celular em bastão, batom orgânico, ativos à base de açaí e café. A gente sabe que pauta para televisão precisa unir assuntos interessantes e imagens incríveis. Por isso podemos montar o cenário perfeito para matérias informativas e bem visuais. Veja aqui algumas sugestões: </p> <p style="color: #000; text-align: justify; font-weight: bold;"> <a href="guia-online-tv.php">SAIBA MAIS...</a> </p> <br /><br /> </div> </div><!--about us box end--> </div> </div><!--about services row end--> </div> </div> </section> <section id="about" style="padding: 50px 50px 50px 50px; background-color: #EDEDED" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> </div><!--about us box end--> </div> <div class="col-md-8"> <div class="about-box wow animated fadeInDown" data-wow-delay="0.5"> <div class="about-box-text" style="border-left: 1px solid #000; padding-left: 40px"> <br /><br /> <h2>IMPRESSO E ON-LINE </h2> <p style="color: #000; text-align: justify;"> Você já ouviu falar de K-beauty? E ânimo / humor de beleza? Nem da ascensão das indie brands, ou marcas independentes, e como elas atendem demandas de consumo customizadas? Então aproveite para conversar com os maiores especialistas do setor, com acesso a dados exclusivos. </p> <p style="color: #000; text-align: justify; font-weight: bold;"> <a href="guia-online-impresso.php">SAIBA MAIS...</a> </p> <br /><br /> </div> </div><!--about us box end--> <div class="col-md-6" style="padding: 0; margin-bottom: 15px"> <img src="img/37115313660_95e25795c4_o.jpg" class="img-responsive" style="border: 10px solid #FFFFFF; border-radius: 20px 0 0 20px"> </div> <div class="col-md-6" style="padding: 0; margin-bottom: 15px"> <img src="img/37324172246_08342eaa13_o.jpg" class="img-responsive" style="border: 10px solid #FFFFFF; border-radius: 0px 20px 20px 0"> </div> </div> </div><!--about services row end--> </div> </div> </section> <section id="about" style="padding: 50px 50px 50px 50px" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> </div><!--about us box end--> </div> <div class="col-md-8"> <div class="about-box wow animated fadeInDown" data-wow-delay="0.5"> <div class="about-box-text" style="border-left: 1px solid #000; padding-left: 40px"> <br /> <h2>Fontes:</h2> <br /> </div> </div><!--about us box end--> </div> <div class="col-md-2"> </div> <div class="col-md-2"> <img src="img/daniel.png" class="img-responsive" /> <p style="font-weight: bold; color: #000; font-size: 16px; margin-top: 5px; margin-left: 10px">Daniel Zanetti</p> <p style="color: #000; font-size: 15px; margin-left: 10px"><i>Diretor da in-cosmetics Latin America</i></p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Responde por todos os assuntos referentes à realização da feira. Organização, objetivos, composição, histórico, relevância para o mercado. </p> </div> <div class="col-md-2"> <img src="img/cleber.png" class="img-responsive" /> <p style="font-weight: bold; color: #000; font-size: 16px; margin-top: 5px; margin-left: 10px">Cléber Barros</p> <p style="color: #000; font-size: 15px; margin-left: 10px"><i>Consultor Técnico Oficial LATAM</i></p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Professor e pesquisador em desenvolvimento de produtos cosméticos estreia como Consultor Técnico Oficial para a América Latina. Pode falar tanto da parte técnica de novas tendências como da colaboração para a formação do conteúdo apresentado nesta edição. </p> </div> <div class="col-md-2"> <img src="img/abihpec.png" class="img-responsive" /> <p style="font-weight: bold; color: #000; font-size: 16px; margin-top: 5px; margin-left: 10px">João Carlos Basílio</p> <p style="color: #000; font-size: 15px; margin-left: 10px"><i>Presidente da ABIHPEC</i></p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">À frente da Associação Brasileira da Indústria de Higiene Pessoal, Perfumaria e Cosméticos, o executivo tem acesso a dados exclusivos de mercados como análises e perspectivas. </p> </div> <div class="col-md-2"> <img src="img/mintel.png" class="img-responsive" /> <p style="font-weight: bold; color: #000; font-size: 16px; margin-top: 5px; margin-left: 10px">Mintel</p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Principal agência de inteligência de mercado do mundo. </p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px"> Ideal para consultar sobre o impacto do comportamento na indústria de cosméticos. Procure por: Andrew McDougall, Especialista Global de Cuidados com o Cabelo (pela primeira vez no Brasil) e Juliana Martins, Especialista Sênior de Beleza e Cuidados Pessoais. </p> </div> <div class="col-md-2"> <img src="img/euromonitor.png" class="img-responsive" /> <p style="font-weight: bold; color: #000; font-size: 16px; margin-top: 5px; margin-left: 10px">Euromonitor</p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Provedora global de inteligência estratégica de mercado. </p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Fonte perfeita para levantamentos e séries históricas. </p> <p style="color: #000; font-size: 15px; margin-top: 5px; margin-left: 10px">Procure por: Elton Morimitsu, Analista Sênior </p> </div> </div><!--about services row end--> <div class="col-12 text-center" style="margin-top: 30px"> <p style="color: #000"> <strong>IMPORTANTE:</strong> Procure a equipe de assessoria na sala de imprensa para articular / agendar entrevistas ou <a target="_blank" href="#" data-toggle="modal" data-target="#exampleModal" style="color: #00F; text-decoration: underline; font-size: 15px;">clique aqui</a> e entre em contato </p> </div> </div> </div> </section> <section id="about" style="padding: 50px 50px 50px 50px; background-color: #EDEDED" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> </div><!--about us box end--> </div> <div class="col-md-3"> <div class="about-box wow animated fadeInDown" data-wow-duration="0.3s"> <img src="img/imagem_2.png" class="img-responsive" > </div><!--about us box end--> </div> <div class="col-md-6"> <div class="about-box wow animated fadeInDown" data-wow-delay="0.5"> <div class="about-box-text" style="border-left: 1px solid #000; padding-left: 40px"> <br /><br /> <h2>Conteúdo exclusivo:</h2> <p style="color: #000; text-align: justify;"> Planejamos essa área para que você tenha acesso ao conteúdo da feira em tempo real. Escolha o formato que precisa, clique no botão, navegue pelo nosso drive e baixe a pauta, vídeo ou foto que preferir. </p> <br /><br /> </div> </div><!--about us box end--> <div class="col-md-4" style="margin-bottom: 10px"> <a href="https://drive.google.com/open?id=1X3gZzv-j6ink9TUp0tDs7V-xPXSiSJGY" target="_blank"><img src="img/botao_pautas.png" class="img-responsive"></a> </div> <div class="col-md-4" style="margin-bottom: 10px"> <a href="https://drive.google.com/open?id=1fgq7nZods4FBMLbCKGzMk74Ta9Zxj5OV" target="_blank"><img src="img/botao_videos.png" class="img-responsive"></a> </div> <div class="col-md-4" style="margin-bottom: 10px"> <a href="https://drive.google.com/open?id=1PSqOAcokZt-jxID55j3i7DBwvyiGn8TW" target="_blank"><img src="img/botao_fotos.png" class="img-responsive"></a> </div> </div> </div><!--about services row end--> </div> </div> </section> <section style="border-top: 10px solid #BCCE10; padding-right: 20px"> <div class="col-md-8" style="margin-top: 20px;"> <div class="col-md-4"> <img src="img/logo_rodape1.png" class="img-responsive"> </div> <div class="col-md-3" style="margin-top: 20px"> <a href="https://www.facebook.com/comunicakb/" target="_blank"><img src="img/icone-facebook.png" ></a> <a href="https://www.instagram.com/kb_comunicacao/" target="_blank"><img src="img/icone-instagram.png" ></a> <a href="https://pt.linkedin.com/company/kb-comunica-o" target="_blank"><img src="img/icone-linkedin.png" ></a> </div> </div> <div class="col-md-4" style="margin-top: 20px"> <img src="img/logo_rodape.png" class="img-responsive" style="float: right;"> </div> </section> <!--back to top--> <a href="#" class="scrollToTop"><i class="fa fa-angle-up"></i></a> <!--back to top end--> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="exampleModalLabel">Painel de email:</h1> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class='card-body' style="font-family: Calibri;"> <div id="load"></div> <form class="form-signin"> <div class='form-group'> <input id='username' name="nome" type='text' class='form-control' placeholder='Digie seu nome' style="font-family: Calibri;font-size: 14px"> </div> <div class='form-group'> <input id='useremail' name="email" type='text' class='form-control' placeholder='Digie seu e-mail' style="font-family: Calibri;font-size: 14px"> </div> <div class='form-group'> <textarea class="form-control" id="descricao" rows="5" name="descricao" placeholder="Digite sua mensagem" style="font-family: Calibri;font-size: 14px"></textarea> </div> </div> </div> <div class="modal-footer"><button type="button" id="enviarEmail" data-btntext-sending="Sending..." style=" width: 100%; background-color: #000; color: #fff; border: none; padding: 8px; text-align: center;">ENVIAR</button> </form> </div> </div> </div> </div><!--modal--> <!--script files--> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/moderniz.min.js" type="text/javascript"></script> <script src="js/jquery-migrate.min.js" type="text/javascript"></script> <script src="js/jquery.easing.1.3.min.js" type="text/javascript"></script> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="js/jquery.flexslider-min.js" type="text/javascript"></script> <script src="js/wow.min.js" type="text/javascript"></script> <script src="js/jquery.sticky.js" type="text/javascript"></script> <script src="js/bootstrap-hover-dropdown.min.js" type="text/javascript"></script> <script src="js/jquery.stellar.min.js" type="text/javascript"></script> <script src="js/owl.carousel.min.js" type="text/javascript"></script> <script src="js/jquery.mb.YTPlayer.min.js" type="text/javascript"></script> <script src="js/waypoints.min.js"></script> <script src="js/easypiechart.js"></script> <script src="js/jquery.isotope.min.js" type="text/javascript"></script> <!--image loads plugin --> <script src="js/jquery.imagesloaded.min.js" type="text/javascript"></script> <script src="js/jquery.counterup.min.js" type="text/javascript"></script> <script src="js/jquery.countdown.js" type="text/javascript"></script> <script src="js/contact_me.js" type="text/javascript"></script> <script src="js/jqBootstrapValidation.js" type="text/javascript"></script> <script src="js/custom.js" type="text/javascript"></script> <script src="js/isotope-custom.js" type="text/javascript"></script> <script src="js/pace.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).on("click", "#enviarEmail", function() { var username = $("#username").val(); var useremail = $("#useremail").val(); var descricao = $("#descricao").val(); $("#load").html('<img src="img/loader.gif" alt="Aguarde..." />'); $.ajax({ type: "POST", url: "includes/enviar_mensagem.php", data: {username: username, useremail: useremail, descricao: descricao}, success: function(html){ alert("Enviado com sucesso!"); $('#exampleModal').modal('hide'); } }); return false; }); }); </script> </body> </html>