1. CHI SEI E COSA SAI FARE </h1>   
<form name="modulo" id="modulo" method="post" action="">  
<div class="box2">
Team Service fornisce servizi di management. Forniamo varie tipologie di soluzioni digitali, crediamo nella formazione e inoltre possiamo offrire anche
consulenze mirate.<br/>
La nostra sede operativa è a Livorno, i nostri clienti sono in tutta Italia.<br/><br/> 
    <b>POSIZIONI APERTE</b><br/>
Figura professionale specializzata nel marketing. Richiediamo principalmente conoscenza delle tecnologie digitali e buone capacità comunicative.<br/><br/> 

    <b>AUTOCANDIDATURA</b><br/>
    Per una candidatura: 1. Riempi i campi sottostanti - 2. Invia il tuo curriculum professionale
<br/><br/>
<div align="center"></div>
<p align="left">
Ho compiuo 18 anni di età    
<input  type="checkbox" id="checkbox" name="eta" value="1" ><br/>
Ho letto l’informativa sul trattamento dei dati personali <a href="informativa-privacy.php">raggiungibile con questo link</a>
<input  type="checkbox" id="checkbox" name="letto" value="1" >
</p>
    
<div class="col-75">
<!--domande-->
<label>Qual'è la tua specializzazione? <i>Massimo 150 caratteri.</i></label>
  <textarea name="message" id="message" data-length="150"></textarea>
<!--fine commenti, inizio dati-->
<label>Nome e cognome</label>
   <input type="text" name="nome" id="input-subject" value="" required="required">
<label>Email*</label>
  <input type="email" name="email" id="input-email" value="" required="required">
<label>Telefono</label>
<input type="text" name="tel" id="input-tel" value="" required="required" pattern="^[0-9]{2,4}[0-9]{4,10}">
<label>Comune di domicilio</label>
  <input type="text" name="comune" id="input-subject" value="" required="required">
<!-- fine dati-->
<label>Antispam: scrivere in lettere il risultato di cinque+cinque</label>
<input name="cdc1" type="text" id="cdc1"  required="required">
<input name="cdc" type="hidden" id="cdc" value="dieci">
<br /><br />
<input type="hidden" name="ok" value="1">
<input type="submit" value="INVIO" name="submit" id="input-submit"><br /><br /><br /><br />
</div>
     <script  src="js/limita-caratteri.js"></script>
</form>
</div>
</div>
</div>
<div class="piede"><div class="flag"><script src="js/menu.js"></script>
  
<div class="fila1">
Condividi
<style>
.scl{
	float:left;
	margin-right:12px;
	cursor:pointer;
	background: none;
	border: none;
	outline:none;
}
.scl:hover{
	opacity:0.8;
}
</style>

<script>
function apriwa() {
window.open(
    'https://api.whatsapp.com/send?text= Sviluppo di app personalizzate con FileMaker&phone=3387724039 ',
    '_blank');
}
</script>
<!--chat whatsapp-->
<form method="post" action="">
<button class="scl" onClick="apriwa()"><img src="grafica/whatsapp.png" alt="whatsapp"></button>
<input type="hidden" name="ok" value="3" />
</form><br/><br/><br/>
Canali<br/>
<a title="Linkedin" href="https://www.linkedin.com/company/team-service-livorno/?viewAsMember=true" target="_blank"><img src="grafica/linkedin.png" alt="Linkedin"></a>
</div>
<div class="fila1">
<ul>
<li><a title="Prima pagina" href="index.html">Home</a></li>
<li><a title="Team Service" href="teamservice">Company profile</a></li>
<li><a title="Siamo partner Claris" href="claris-partner">Claris partner</a></li>
<li><a title="Portfolio lavori" href="database">Work</a></li>
<li><a title="App web-based" href="web-app">Web app</a></li>
</ul>
</div>
<div class="fila1">
<ul>
<li><a title="Siti internet" href="sistemi-integrati">Website</a></li>
<li><a title="Formazione" href="formazione">Formazione</a></li>
<li><a title="Consulenza" href="consulenza">Consulenza</a></li>
 <li><a title="Applicazioni" href="applicazioni">App</a></li> 
<li><a title="Lavora con Team Service" href="lavora-con-teamservice">Lavora con noi</a></li>
</ul>
</div>
</div>
<div class="fila2">
<ul>
<li><a title="Comunicare con noi" href="contatti">Contatti</a></li>
<li><a title="contatti" href="contatti"><img src="grafica/info.png" alt="teamservice"></a></li>
<li><a title="cookie policy" href="cookie-policy">Cookie</a> - <a title="privacy" href="informativa-privacy">Privacy</a></li>
</ul>
</div>
<script defer src="https://use.fontawesome.com/releases/v5.15.4/js/all.js"></script>
<div class="fila2">
&#169; 2025 Team Service<br />
Sede amministrativa: via dei Ramai, 15 - 57121 Livorno<br />
Sede operativa: via degli Arrotini, 18 int. 4 - 57121 Livorno - Tel. 0586 1690509<br />
P.I. IT01746590494 - REA: LI - 154345<br />
<br />
<style>
@media screen and (min-width: 1200px){
#banner-privacy{
    width:100%;
    height: auto;
    z-index:999;
    display: none;
    position: fixed;
    bottom: 0;
    font-size: 0.9em;
    color:#666;
    outline: none;
    padding: 15px 20px 20px 30px;
    overflow: hidden;
    background-color: #B0C4DE;
    animation-name: animazione;
    animation-duration: 0.6s;
    font-size: 1.1em;
    box-shadow: 10px 0px 0px 0px grey;
}
.contenuto-privacy{
   margin: 0 auto;
   width: 60%;
   height:auto;
   overflow: hidden;
   padding: 10px 10px 20px 10px;
   color:#333;
   text-align: left;
}
}
@media screen and (max-width: 1199px){
#banner-privacy {
    z-index:999;
    width:100%;
    margin:0 auto;
    display: none;
    position: fixed;
    bottom: 0px;
    font-size: 0.9em;
    color:#666;
    border-bottom: 2px solid #999;
    outline: none;
    padding: 10px;
    height: auto;
    overflow: hidden;
    background-color: #B0C4DE;
   animation-name: animazione;
   animation-duration: 1s;
}
.contenuto-privacy{
    margin: 0 auto;
    width: 90%;
    height:auto;
    padding: 10px 30px 10px 3px;
    color:#333;
    text-align: left;
}
}
.contenuto-privacy a:link{
   color:#666;
   text-decoration: underline;
}
@keyframes animazione {
  0% {
    background-color: #B0C4DE;
    bottom: -10px;
    opacity: 0.6;
  }
100% {
    background-color: #B0C4DE;
    opacity: 1;
  }
}
.closePri {
    width: 120px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    margin: 30px 20px 5px 20px ;
    padding: 4px 0 4px 0;
    border:1px solid #ccc;
}
.closePri:before {
    color: #666;
    content: "ACCETTO";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    text-decoration: none;
}
.closePri:hover {
    background-color: #FFD426;
    color:#fff;
}
.noPri {
    width: 120px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    margin: 30px 20px 5px 20px ;
    padding: 4px 0 4px 0;
    border:1px solid #ccc;
}
.noPri:before {
    color: #666;
    content: "RIFIUTO";
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    text-decoration: none;
}
.noPri:hover {
    background-color: #FFD426;
    color:#fff;
}
</style>
<script>
function chiudi(){
myprivacy.style.display = "none";
var now = new Date();
var time = now.getTime();
var value = 't1ok';
time += 15724800000;
now.setTime(time);
document.cookie =
    'okbanTms01=' + value +
    '; expires=' + now.toGMTString() +
    '; path=/';
}
function rifiuta(){
myprivacy.style.display = "none";
var now = new Date();
var time = now.getTime();
var value = 't1no';
time += 3600 * 1000; // 1 ora
now.setTime(time);
document.cookie =
    'nobanTms02=' + value +
    '; expires=' + now.toGMTString() +
    '; path=/';
}
</script>

<div id="banner-privacy">
  <div class="contenuto-privacy">
Questo sito non utilizza cookie di tracciamento. Non memorizza dati tecnici abbinandoli a dati personali. <br/>
teamservicesas.it usa solo cookie tecnici, anonimi e necessari, non usa cookie per la profilazione degli utenti.<br/>
Per maggiori informazioni visualizzare la nostra <a href="cookie-policy"> <b>cookie policy.</b> </a> Se continui la navigazione acconsenti all'uso dei cookie.
<p align="center">
<button class="closePri" title="Chiudere" onclick="chiudi()"></button>
<button class="noPri" title="Rifiutare" onclick="rifiuta()"></button></p>
</div>
</div>
<script>
var myprivacy = document.getElementById("banner-privacy");
window.addEventListener("load", function(event) {
var pausa= 1000;
        setTimeout("myprivacy.style.display='block'", pausa);
});
</script>
</div>
</div></div>
<style>
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 24px;
  z-index: 100;
  font-size: 1.2em;
  border: none;
  outline: none;
  font-weight: bold;
  cursor: pointer;
  padding: 4px;
  opacity: 0.6;
  outline:none;
}
#myBtn:hover {
  opacity: 0.9;
}
</style>
<a id="myBtn"  onclick="topFunction()"><i class="far fa-arrow-alt-circle-up fa-2x" aria-hidden="true" style='color:#ff7f50'></i></a>
<script>
//Get the button
var mybutton = document.getElementById("myBtn");

// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
    mybutton.style.display = "block";
  } else {
    mybutton.style.display = "none";
  }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
  if(window.scrollY!=0)
  {
      setTimeout(function() {
         window.scrollTo(0,window.scrollY-30);
          topFunction();
      }, 20);
   }
}
</script>
</body>
</html>