medicalconnexion.clients.teambox.fr Open in urlscan Pro
146.59.141.130  Public Scan

Form analysis
1 forms found in the DOM

Name: form1 — POST

<form method="post" enctype="multipart/form-data" onsubmit="return false;" id="form1" name="form1"><input type="hidden" name="action">
  <style>
    @font-face {
      font-family: 'Poppins';
      font-style: normal;
      font-weight: 600;
      src: url('./fonts/Poppins/poppins-v19-latin-600.eot');
      src: local(''), url('./fonts/Poppins/poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'), url('./fonts/Poppins/poppins-v19-latin-600.woff2') format('woff2'), url('./fonts/Poppins/poppins-v19-latin-600.woff') format('woff'), url('./fonts/Poppins/poppins-v19-latin-600.ttf') format('truetype'), url('./fonts/Poppins/poppins-v19-latin-600.svg#Poppins') format('svg');
    }

    html {
      font-size: 62.5%;
      height: 100vh;
    }

    html,
    body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }

    body {
      height: 100%;
      min-height: 100%;
      line-height: 1.5;
      font-size: 1.4rem;
      font-family: 'Martel Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, Arial, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
        sans-serif;
    }

    #loginBox {
      /*position:		absolute;*/
      /*margin:			15px;*/
      /*top:			20%;*/
      /*left:			40%;*/
      /*width:			450px;*/
      /*margin-left:	-225px;*/
      /*border:			1px solid #575757;*/
      /*background-color:white;*/
      /*border-radius: 2px;*/
      /*box-shadow: 0 2px 4px rgba(0,0,0,0.2);*/
    }

    #errorBox {
      padding: 15px 20px;
      background-color: #ffd1d3;
      color: #FF515A;
      font-weight: bold;
      border-radius: 15px;
      box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
      text-align: center;
      margin-bottom: 50px;
      width: 50%;
      max-width: 440px;
    }

    #remoteClient {
      text-align: left;
      margin: 20px 2px;
    }

    #global {
      display: flex;
      width: 100%;
      height: 100%;
      padding: 0 15px;
      background: #ffffff;
      margin: auto;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }

    #form1 {
      width: 100%;
    }

    #loginForm {
      width: 100%;
      max-width: 400px;
      margin-top: 10px;
    }

    h1 {
      font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, Arial, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
        sans-serif;
      font-size: 4.3rem;
      font-weight: 600;
      line-height: 1em;
      margin-bottom: 0;
      margin-top: 0;
    }

    .subtitle {
      display: block;
      margin-top: 15px;
      margin-bottom: 40px;
      color: #5D5D5D;
    }

    table {
      width: 100%;
    }

    tr {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 15px;
    }

    td {
      display: block;
      width: 100%;
      text-align: left;
    }

    .label {
      padding-left: 15px;
      font-size: 1.2rem;
      font-weight: bold;
      color: #5d5d5d;
    }

    input {
      display: block;
      width: 100%;
      height: 35px;
      background-color: #f2f2f7;
      margin-top: 3px;
      border-radius: 10px;
      border: none;
      font-size: 1.4rem;
      padding: 0 15px;
    }

    button {
      padding: 10px 26px;
      border-radius: 10px;
      cursor: pointer;
      font-size: 1.5rem;
      font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI',
        Roboto, Arial, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
        sans-serif;
      color: #ffffff;
      background-color: #f39b6d;
      border: none;
      transform: scale(1);
      transition: all 0.3s linear;
      text-transform: uppercase;
    }

    button:hover {
      transform: scale(1.02);
      transition: all 0.3s linear;
    }

    #btnContainer {
      position: relative;
      padding-bottom: 35px;
      text-align: center;
    }

    #loginButton {
      margin-top: 30px;
    }

    #spinner {
      display: none;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(public/spinner.svg);
      width: 25px;
      height: 25px;
      position: absolute;
      left: 50%;
      margin-left: -12.5px;
      bottom: 5px;
    }
  </style>
  <script language="javascript">
    function do_login() {
      $('#loginButton').hide();
      $('#spinner').show();
      js_post('login');
    }
    $(function() {
      $('#spinner').hide();
    });
  </script>
  <center>
    <h1>Medical Connexion</h1>
    <span class="subtitle">medicalconnexion.clients.teambox.fr</span>
    <div id="loginBox">
      <div id="loginForm">
        <input type="hidden" name="state" id="form_state" class="TblHidden" value="c16569448b5d74668c8ae53ee01316a7">
        <table>
          <tbody>
            <tr>
              <td align="right" class="label">Utilisateur&nbsp;</td>
              <td align="left"><input name="username" id="usernameField" class="TblTextField" autocapitalize="none" type="text" value="">
                <script>
                  $2(function() {
                    $('#usernameField').focus();
                  });
                </script>
              </td>
            </tr>
            <tr>
              <td align="right" class="label">Mot de passe&nbsp;</td>
              <td align="left"><input name="password" id="passwordField" class="TblTextField" type="password" value=""></td>
            </tr>
            <tr>
              <td></td>
              <td align="left" id="btnContainer"><button type="submit" onclick="do_login()" id="loginButton">Connexion</button>
                <div id="spinner" style="display: none;">
                  <div></div>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </center>
</form>

Text Content

MEDICAL CONNEXION

medicalconnexion.clients.teambox.fr

Utilisateur  Mot de passe  Connexion