mc2.html

<!DOCTYPE html>
<html lang="pt-br">
 <!-- Global Site Tag (gtag.js) - Google Analytics -->
 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-706449-9"></script>
 <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
  gtag('config', 'UA-706449-9');
 </script>
 <!-- Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Iº FBTA</title>
    <meta name="description" content="Iº FÓRUM BAIANO DE TECNOLOGIAS ABERTAS">
    <meta name="keywords" content="evento computação, ciências da computação, sistemas de informação, engenharia de computação, ti, ufrb, cetec, fbta, feira de santana, sbc, web, mobile, desktop, nuvem, iot, software livre, hardware, open source">
    <meta name="author" content="EcompJr">
  
    <!-- Favicons
      ================================================== -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
  
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
  
    <style>
      .progrm {
        background-color: #fff;
        padding: 19px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
        border-radius: 2px;
        border: 0;
      }
  
      ul.justified {
        float: none;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 33%;
      }
  
      .tg {
        border-collapse: collapse;
        border-spacing: 0;
      }
  
      .tg td {
        font-family: Arial, sans-serif;
        font-size: 14px;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-top-width: 1px;
        border-bottom-width: 1px;
      }
  
      .tg th {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        padding: 10px 5px;
        border-style: solid;
        border-width: 0px;
        overflow: hidden;
        word-break: normal;
        border-top-width: 1px;
        border-bottom-width: 1px;
      }
  
      .tg .tg-yw4l {
        vertical-align: top
      }
  
      .tg .tg-9hbo {
        font-weight: bold;
        vertical-align: top
      }
    </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script>
      $(document).ready(function() {
        $(".btn1").click(function() {
          if ($('.progrm1').css('display') == "none") {
            $(".progrm3").fadeOut()
            $(".progrm2").fadeOut()
            $(".progrm1").show("slow")
          } else {
            $(".progrm1").fadeOut()
          }
        });
        $(".btn2").click(function() {
          if ($('.progrm2').css('display') == "none") {
            $(".progrm1").fadeOut()
            $(".progrm3").fadeOut()
            $(".progrm2").show("slow")
          } else {
            $(".progrm2").fadeOut()
          }
        });
        $(".btn3").click(function() {
          if ($('.progrm3').css('display') == "none") {
            $(".progrm1").fadeOut()
            $(".progrm2").fadeOut()
            $(".progrm3").show("slow")
          } else {
            $(".progrm3").fadeOut()
          }
        });
      });
    </script>
    <!-- Slider
      ================================================== -->
    <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
    <link href="css/owl.theme.css" rel="stylesheet" media="screen">
  
    <!-- Stylesheet
      ================================================== -->
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">
  
    <link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400" rel="stylesheet" type="text/css">
    <!-- <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
      <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
      <script type="text/javascript" src="js/modernizr.custom.js"></script> -->
  
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
  </head>
  
  <body>
    <!-- Navigation
      ==========================================-->
    <nav id="tf-menu" class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
          <a class="navbar-brand" href="index.html"> I FBTA</a>
        </div>
  
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="index.html#tf-home" class="page-scroll">Início</a></li>
            <li><a href="index.html#tf-sobre" class="page-scroll">O Evento</a></li>
            <li><a href="index.html#tf-info" class="page-scroll">Área do participante</a></li>
            <li><a href="index.html#tf-programacao" class="page-scroll">Programação</a></li>
            <li><a href="index.html#tf-clients" class="page-scroll">Palestrantes</a></li>
            <li><a href="index.html#tf-minicursos" class="page-scroll">Cursos</a></li>
            <li><a href="index.html#tf-inscricao" class="page-scroll">INSCRIÇÃO</a>
            <li><a href="index.html#tf-organization" class="page-scroll">Organização</a>
            <li><a href="index.html#tf-contato" class="page-scroll">Contato</a></li>
          </ul>
        </div>
        <!-- /.navbar-collapse -->
      </div>
      <!-- /.container-fluid -->
    </nav>

  <!-- Default Page
    ==========================================-->


  <!-- Chamadas Section
    ==========================================-->
  <div id="sec-chamadas" class="">
    <div class="overlay">
      <div class="container">
        <div class="section-title center text-center">
          <h2><strong>Persistência Poliglota em Java</strong></h2>
          <div class="line">
          </div>
        </div>
        <div>
          <hr>
          <p class="text-justify">
          Com o nascimento do Java EE 6, houve uma grande reviravolta no mundo Java EE. Um dos recursos mais marcantes com esse lançamento, certamente, foi o CDI. A injeção de dependência, além da extensão elevou as aplicações Java EE para um novo patamar e com lançamento do Java EE 7 e as promessas do CDI 2.0, com o Java EE 8, ficará ainda melhor! Porém, uma das grandes lacunas no mundo Java EE são as integrações com os bancos não relacionais. Tendo que, muitas vezes, realizar toda a programação e integração manualmente. Recém-lançado, o projeto JNoSQL, da Eclipse Foundation, visa a comunicação e integração da aplicação Java com os bancos NoSQL.
          </p>

	<div>
	<h3>Duração: 8h</h3>
        </div>

        </div>
        <div  class="text-left">
	<h3>Ministrante:</h3>
          <div class="hover-bg">
            <a href="" target="_blank">
              <div class="hover-test"></div>
            <h3>Otavio Santana (Oracle)</h3>              
            <img src="img/palestrantes/otavio.jpg" alt="Foto Otavio Santana" class="img-circle team-img">
            </a>
        </div>
      </div>
	<div>
    
    <p class="text-justify">
   Otávio é engenheiro de software, com mais de seis anos de experiência em desenvolvimento poliglota e em aplicações de alto desempenho, nas áreas de finanças, governo, mídias sociais e e-commerce. Membro do comitê executivo do JCP e de vários Expert Groups de JSRs, fez contribuições ao JBoss Weld, Hibernate e Apache Commons. É Java Champion e recebeu os prêmios JCP Outstanding Award e Duke's Choice Award. 
    </p>
        </div>
      </div>
    </div>
  </div>

   <!-- RODAPE -->
   <nav id="footer">
    <div id="tf-contato" class="container">
      <div class="pull-left fnav">
        <p>Todos os direitos reservados. COPYRIGHT © 2017. Desenvolvido por <a href="http://ecompjr.com.br/" style="font-size:14px; font-weight: bold" target="_blank">EcompJr</a>.</p>
      </div>
      <div class="pull-right fnav">
        <ul class="footer-social">
          <li>Contato: <a href="mailto:fbta2017@gmail.com">contatofbta@gmail.com</a></li>
          <!-- <li><a href="#"><i class="fa fa-google-plus"></i></a></li> -->
          <!-- <li><a href="#"><i class="fa fa-twitter"></i></a></li> -->
        </ul>
      </div>
    </div>
  </nav>
  
  <!-- RODAPE COLABORADORES -->
  <div id="apoio">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6">
          <h6><p><b>Realização:</b></p></h6>
          <a href="http://www.uefs.br/" target="_blank"><img src="img/uefs.png" class="logoapoio" alt="Logo UEFS"></a>
          <a href="http://portal.ifba.edu.br/" target="_blank"><img src="img/logoIFBA.png" class="logoapoio" alt="Logo IFBA"></a>
        </div>
         <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6">
              <h6><p><b>Apoio:</b></p></h6>
              <a href="http://www.fapesb.ba.gov.br/" target="_blank"><img src="img/logo_topo_fapesb.png" class="logoapoio"  alt="Logo Fapesb"></a>
              <a href="http://ecompjr.com.br/" target="_blank"><img id="logoEcompJr" src="img/logoNome.png" class="logoapoio" alt="Logo"></a>
          </div>
        <!-- <div class="col-md-6 col-sm-6 col-xs-6 col-lg-6">
              <h6><p><b>Patrocinio</b></p></h6>
              <img src="img/logo_sbc.png" class="logoapoio"  alt="Logo">
          </div> -->
      </div>
    </div>
  </div>


  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
  <!-- Include all compiled plugins (below), or include individual files as needed -->
  <script type="text/javascript" src="js/bootstrap.js"></script>
  <script type="text/javascript" src="js/SmoothScroll.js"></script>
  <script type="text/javascript" src="js/jquery.isotope.js"></script>

  <script src="js/owl.carousel.js"></script>

  <!-- Javascripts
    ================================================== -->
</body>

</html>