E:
/
home
/
kbcomunicacao1
/
Web
/
feicon
/
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 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>O PODER DO AÇAÍ E DO CAFÉ</h2> <p style="color: #000; text-align: justify;"> O extrato do açaí é utilizado como antipoluição e age-defying e, além de atender a demanda por produtos naturais, ainda movimenta comunidades do Pará com geração de emprego e renda. Já o extrato de café tem propriedades fantásticas para diversos tipos de produtos de beleza e impacta mais de 200 municípios nas regiões do Sul de Minas, Cerrado Mineiro e Vale do Rio Pardo (SP). </p> <p style="color: #000; text-align: justify;"> Abordagem: a jornada do açaí ou do café até a transformação em produtos de beleza e cuidados pessoais que utilizamos no cotidiano. </p> <br /> <p style="color: #000; text-align: justify;"> <strong>FONTES:</strong> químicos e especialistas de mercado </p> </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-12"> <div class="about-box wow animated fadeInDown" data-wow-delay="0.5"> <div > <h4>BELEZA SUSTENTÁVEL / DO IT YOURSELF</h4> <p style="color: #000; text-align: justify;"> Shampoo em pó, máscara para o rosto para levar na bolsa, protetor em bastão, condicionador compacto portátil e batom orgânico. Soluções que usam cada vez menos plástico, seja na fórmula ou na embalagem, e que empoderam o consumidor com o conceito “faça você mesmo”, em qualquer lugar. </p> <br /> <p style="color: #000; text-align: justify;"> <strong>IMAGENS:</strong> Produções nas comunidades locais, ingredientes à base de açaí e de café, demonstração de aplicação e resultados. </p> <br /> <p style="color: #000; text-align: justify;"> <strong>FONTES:</strong> químicos e especialistas de mercado </p> <p style="width: 30%; margin-left: -60px; border-bottom: 1px solid #000; padding-top: 20px"> </p> <h4 style="margin-top: 30px">A BUSCA PELO NATURAL</h4> <p style="color: #000; text-align: justify;"> Cúrcuma, castanha, pequi, oliva. As estrelas dos produtos eco-friendy e cruelty free. Como isso se traduz em novos hábitos de consumo? </p> <br /> <p style="color: #000; text-align: justify;"> <strong>IMAGENS:</strong> podemos montar uma feira dentro do evento, com uma bancada de exposição com as frutas, sementes, grãos, alimentos e os produtos em que são transformados. Um formulador químico explicará as propriedades, aplicações e benefícios. </p> <p style="width: 30%; margin-left: -60px; border-bottom: 1px solid #000; padding-top: 20px"> </p> </div> </div><!--about us box end--> </div> <div class="col-12" class="text-center"> <p style="color: #000; font-weight: bold; text-align: center;"> <a href="./">VOLTAR</a> </p> </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--> <!--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" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script> </body> </html>