<div class="modal fade" id="modal-susconecta" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      </div>
      <div class="modal-body">
        <div class="container-fluid">
          <div class="header">
            <div class="logo">
              <img src="<%- req._sails.config.wejs.hosts.static %>/img/susconecta/logo.png" alt="susconecta login">
            </div>
          </div>
          <div id="main-content">
            <div class="thin">
              <h1>Eita, o que é isso?</h1>
              <p class="text-muted">
                A forma de entrar na Comunidade de Práticas mudou. Para tornar sua vida mais fácil, a partir de agora a CdP vai se integrar ao #susconecta. Com seu CPF e uma única senha, você poderá acessar vários sites sem precisar criar uma conta em cada um deles.
              </p>
              <p class="text-muted">
                Se você já possuía conta na Comunidade de Práticas, clique em “Fazer login” e continue informando seu CPF e senha cadastrados previamente.
              </p>
              <p class="text-muted">
                Caso você possua uma conta apenas no Portal Saúde Baseada em Evidências, <a href="https://login.susconecta.org.br/password_reset/">clique aqui</a> e cadastre uma nova senha.
              </p>
              <p class="text-muted">
                Saiba mais sobre o #susconecta_login <a href="https://www.susconecta.org.br/?p=882">aqui.</a>
              </p>
              <div class="row login-action-links">
                <div class="col-xs-6"><a href="<%- req._sails.config.hostname %>/auth/susconecta" class="btn btn-block btn-default">Cadastrar</a></div>
                <div class="col-xs-6"><a href="<%- req._sails.config.hostname %>/auth/susconecta" class="btn btn-block btn-default">Fazer login</a></div>
              </div>
            </div>
          </div>
          <div class="footer">
            <div class="parceiros">
              <p>Você está a um passo de acessar nossos serviços:</p>
              <img src="<%- req._sails.config.wejs.hosts.static %>/img/susconecta/parceiros.png" alt="Parceiros" />
            </div>
            <div class="footer-menu">
              <ul class="nav nav-pills">
                <li><a href="#">Termos de uso</a></li>
                <li><a href="#">Política de Privacidade</a></li>
                <li><a href="#">Suporte</a></li>
                <li><a href="#">Saiba mais</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
