E:
/
home
/
kbcomunicacao1
/
Web
/
juntossomosmais
/
Upload File
HOME
<!DOCTYPE html> <html lang="pt-br"> <head> <title>Juntos somos mais</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"> p.combinado:first-letter { font-size:xx-large; } .idade{ height: 131px; background: url('img/elemento3.png') no-repeat ; margin-bottom: 80px } .idade2{ height: 131px; background: url('img/elemento4.png') no-repeat ; margin-bottom: 80px } .idade3{ height: 131px; background: url('img/elemento30.png') no-repeat ; margin-bottom: 80px } .idade4{ height: 131px; background: url('img/elemento40.png') no-repeat ; margin-bottom: 80px } </style> </head> <body data-spy="scroll" data-target="#navigation" data-offset="80"> <section id="home" class="full-screen-den parallax"> <div class="parallax-overlay"></div> <div class="home-content text-center" style="padding: 0"> <div class="container"> <div class="row" style="padding-top: 30px; padding-right: 10px"> <div class="col-12" style=" margin-right: 20px; padding: 0 10px;"> <div style="width: 100%;"> <img src="img\logo.png" class="img-responsive" style="margin: 0 auto; float: right;" title="KB!COM" alt="KB"> </div> </div> </div> <div class="col-12" style="margin-top: 13%"> <div class="home-arrow-down text-center"> <p class="scrollto"><a href="#about"> <img src="img\icone_5.png"> </a></p> </div> </div> </div> </div> </section> <section style="background-color: #F1E8E6; margin-top: -5px"> <div class="container"> <div class="row"> <div class="col-md-12"> <img src="img/elemento1.png" width="100%"> </div> </div> </div> </section> <section id="about" style="padding: 30px 0; background-color: #F1EBE8;" > <!--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> <p style="color: #3C3C3B; font-size: 18px; font-weight: 400;"> O câncer de mama é um tumor maligno que se desenvolve na mama, a partir disso, ocorre o crescimento anormal das células mamárias, tanto do ducto mamário quanto dos glóbulos mamários. Segundo dados da <strong>Sociedade Brasileira de Mastologia:</strong> </p> </div> </div><!--about us box end--> </div> <div class="col-md-12" style="border-top: 1px dashed #D3A4B5; border-bottom: 1px dashed #D3A4B5; padding: 30px 0 "> <div class="col-md-5" style="padding: 50px 10px"> <p style="color: #3C3C3B; font-size: 21px; font-weight: 400;"> Cerca de <b style="font-size: 28px">1</b> a cada <b style="font-size: 28px">12</b> mulheres terão um tumor nas mamas até os <b style="font-size: 28px">90</b> anos de idade. </p> </div> <div class="col-md-4" style="padding: 50px 15px; border-left: 1px dashed #D3A4B5; border-right: 1px dashed #D3A4B5"> <p style="color: #3C3C3B; font-size: 21px; font-weight: 400;"> Para cada <b style="font-size: 28px">100</b> mulheres com câncer de mama, <b style="font-size: 28px">1</b> homem terá a doença. </p> </div> <div class="col-md-3"> <img src="img/pessoas.png" width="90%"> </div> </div> </div><!--about services row end--> </div> </div> </section> <section id="home" class="full-screen-des"> <div class="parallax-overlay"></div> <div class="home-content text-center" style="padding: 0"> <div class="container"> <div class="row" style="padding-top: 30px; padding-right: 10px"> </div> </div> </div> </section> <div class="text-center" style="background-color: #E5AABC; z-index: 20; padding: 2% 0"> <p style="color: #FFF; font-size: 23px"> SAIBA COMO SE PREVENIR CONTRA O CÂNCER DE MAMA </p> </div> <section id="about" style="padding: 30px 0; background-color: #F1EBE8;" > <!--about page content--> <div class="about-section"> <div class="container"> <div class="row"> <div class="col-md-12" style="padding: 30px 200px "> <div class="col-md-3 text-center" style="padding-bottom: 15px; "> <div class="col-md-12"> <img src="img/Checkup.png"> </div> <div class="col-md-12" style="margin-top: 10px"> <p style="color: #5C5B5B; font-size: 14px; font-weight: bold;"> FAÇA CHECK-UPS REGULARES </p> </div> </div> <div class="col-md-3 text-center" style="padding-bottom: 15px"> <div class="col-md-12"> <img src="img/Site-Outubro-rosa.png"> </div> <div class="col-md-12" style="margin-top: 10px"> <p style="color: #5C5B5B; font-size: 14px; font-weight: bold;"> EVITE A INGESTÃO DE HORMÔNIOS </p> </div> </div> <div class="col-md-3 text-center" style="padding-bottom: 15px"> <div class="col-md-12"> <img src="img/exercicios.png"> </div> <div class="col-md-12" style="margin-top: 10px; padding: 0"> <p style="color: #5C5B5B; font-size: 14px; font-weight: bold;"> PRATIQUE EXERCÍCIOS FÍSICOS </p> </div> </div> <div class="col-md-3 text-center" style="padding-bottom: 15px"> <div class="col-md-12"> <img src="img/bebidas.png"> </div> <div class="col-md-12" style="margin-top: 10px"> <p style="color: #5C5B5B; font-size: 14px; font-weight: bold;"> EVITE BEBIDAS ALCÓOLICAS </p> </div> </div> </div> <div class="col-md-12"> <img src="img/elemento3.png" width="100%"> </div> <div class="col-md-12"> <img src="img/elemento4.png" width="100%"> </div> </div><!--about services row end--> </div> </div> </section> <div class="text-center" style="background-color: #E5AABC; z-index: 20; padding: 2% 0"> <p style="color: #FFF; font-size: 23px"> SINTOMAS </p> </div> <section id="about" style="padding: 70px 0; background-color: #F1EBE8;" > <!--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> <p style="color: #3C3C3B; font-size: 18px; font-weight: 400;"> A maioria dos tumores da mama, quando iniciais, não apresentam sintomas. Por isso, é importante fazer os exames preventivos na idade adequada, antes do aparecimento deste e de qualquer outro sintoma. </p> <p style="color: #3C3C3B; font-size: 18px; font-weight: bold; margin-top: 20px"> Veja abaixo outros possíveis sinais de câncer de mama: </p> <ul> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Vermelhidão na pele, inchaço ou calor;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Alterações no formato dos mamilos e das mamas;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Sangue na urina;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Nódulos na axila;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Secreção escura saindo pelo mamilo;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Pele enrugada, como uma casca de laranja;</li> <li style="color: #3C3C3B; font-size: 18px; font-weight: 400;">Em estágios avançados, a mama pode abrir uma ferida;</li> </ul> </div> </div><!--about us box end--> </div> </div><!--about services row end--> </div> </div> <div class="col-md-8" style="padding-left: 0"> <img src="img/elemento8.png" width="100%"> </div> </section> <section id="pricing" class="pricing-section-2 " data-stellar-background-ratio="0.5" style="background-color: #F3D1DC" > <div class="pricing-section-1" style="background-color: #F3D1DC" > <div class="container"> <div class="row"> <div class="col-md-2"> </div><!--price col--> <div class="col-md-6" style="border-right: 1px solid #000; padding: 0;"> <p style="color: #3C3C3B; font-size: 18px; font-weight: 400; margin-bottom: 30px">Juntos pela causa:</p> <img src="img/logokb.png" style="margin-right: 20px"> <img src="img/logocaom.png" style="margin-right: 20px"> <img src="img/logoinnterage.png"> </div><!--price col--> <div class="col-md-4 text-center" style="padding: 0"> <p style="color: #3C3C3B; font-size: 18px; font-weight: 400; margin-bottom: 30px">Em parceria com:</p> <img src="img/logoavcc.png"> </div><!--price col--> </div> </div> </div><!--price section one end here--> </section> <!--pricing table section end here--> <div class="col-md-12" style="height: 80px; background-color: #C1C6D9; border-bottom: 10px solid #999999"> </div> <!--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"> $(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>