Untitled

<!DOCTYPE html>
<html>

  <head lang="pt-br">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MateriaX</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <!-- Include Bootstrap Css -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include jQuery 1.11.3 -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <!-- Include jQuery Bootstrap -->
    <link rel="stylesheet" type="text/css" href="../Css/style.css">-
    <link rel="stylesheet" type="text/css" href="../Css/styleIndex.css">
    <script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.11/jquery.popupoverlay.js"></script> <!-- Include jQuery Popup Overlay -->
    <script src="http://malsup.github.com/jquery.form.js"></script> <!-- Include Fileuploader And Form Api -->
    <script type="text/javascript" src="./Javascript/Manager.js" onload = "userLogado()"></script>
  </head>

  <body>

    <div id = "tudo">

      <nav class ="navbar navbar-default">

        <div class="container-fluid">

          <div class="navbar-header">

            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-7" aria-expanded="false">
              <span class="glyphicon glyphicon-menu-down"></span>
            </button>

            <img id = "logoNebin" alt="logo Nebin" src="./imagens/logo_nebin.png">

          </div> <!-- Fim da div.navbar-header -->

          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-7">

            <ul class="nav navbar-nav">
              <li class="active"><a href="/index.html">Home</a></li>

              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Quem Somos<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li> <a href="/sobreonebin.html">  <div class = "retan"></div> Sobre o Nebin</a></li>
                  <li> <a href="/integrantes.html">  <div class = "retan"></div> Integrantes</a></li>
                </ul>
              </li>

              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">O Que Fazemos<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li> <a href="/projetos.html">  <div class = "retan"></div> Publicações</a></li>
                  <li> <a href="/projetos.html">  <div class = "retan"></div> Linhas De Pesquisas</a></li>
                  <li> <a href="/projetos.html">  <div class = "retan"></div> Projetos</a></li>
                </ul>
              </li>

              <li><a href="/cursos.html">Cursos</a></li>
              <li><a href="/downloads.html">Downloads</a></li>
              <li><a href="/noticias.html">Noticias</a></li>


              <li class="dropdown pull-right" id = "glyphUser">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <span class="glyphicon glyphicon-user" aria-hidden="true"></span> </a>
                <ul class="dropdown-menu multi-level">
                  <div id = "login">
                    <form class = "form-inline form-login" name = "formLogin" role = "form">
                      <h1> Login </h1>

                      <div class = "form-group input-cont">
                        <label for = "username">Username:  </label>
                        <input type = "text" class = "form-control username" id = "username" placeholder = "Entre com o nome do usuario">
                      </div>

                      <div class = "form-group input-cont">
                        <label for = "password">Password:  </label>
                        <input type = "password" class = "form-control password" id = "password" placeholder = "Entre com a senha">
                      </div>

                      <button type = "button" class = "btn btn-primary btn-login" id = "btn-login" onclick = "autenticar()">Logar</button>

                      <p>Não cadastrado? <a href="cadastro.html">Clique aqui!</a></p>
                      <p>Esqueceu a senha? <a href="formES.html">Clique aqui!</a></p>

                    </form> <!-- Fim do form.form-login -->
                  </div> <!-- Fim da div#login -->
                </ul>
              </li>

            </ul>
          </div>

        </div> <!-- Fim da div.content-fluid -->
      </nav> <!-- Fim da nav.navbar-default -->

      <div id = "destaque">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
          <!-- Indicators -->


          <!-- Wrapper for slides -->
          <div class="carousel-inner" role="listbox">

          </div>

          <!-- Left and right controls -->
          <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
      </div> <!-- Fim da div#destaque -->

      <div id = "principal">

        <h1>Destaque</h1>
        <div class = "listraH"></div>

        <div class = "noticias" id ="noticia1">
        </div> <!-- Fim da div#noticia1 -->

        <div class = "noticias" id = "noticia2">
        </div> <!-- Fim da div#noticia2 -->

        <div class = "noticias" id ="noticia3">
        </div> <!-- Fim da div#noticia3 -->

        <div class = "noticias" id ="noticia4">
        </div> <!-- Fim da div#noticia4 -->

      </div> <!--Fim da div#principal-->

      <div id = "lateral">

        <h1>Youtube Video</h1>

        <div class = "listraH"></div>
        <div id = "video">

        </div> <!-- Fim da div#video -->
        <h1>Mapa Acessos</h1>
        <div class = "listraH"></div>
        <div id = "mapa"></div>

      </div><!-- Fim da div#lateral -->

      <div id = "rodape">

        <img id = "logo" src="./imagens/logo_nebin_white.png" alt = "Logo da NEBIN">
        <img src="./imagens/ims_logo.jpg" alt = "Logo da IMS">
        <img src="./imagens/logo_uerj.png" alt = "Logo da UERJ">

      </div><!-- Fim da div#rodape -->

    </div> <!-- Fim da div#tudo -->
  </body>

  <script>
    $(document).ready(function()
    {
      startEvents();
    });
  </script>


</html>