关键词：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Risparmia</title>
<link rel="stylesheet" href="css/all.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.main.js"></script>
<!--[if IE 8]>
<script type="text/javascript" src="js/ie.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
</head>
<body>
<?php
mysql_connect("localhost", "risparmia", "2f79fe7527") or die (mysql_error ());
mysql_select_db("risparmia") or die(mysql_error());
$address = "risparmia@risparmia.com";
$site_url = 'http://risparmia.stgng.com';
require_once('class.phpmailer.php');
$mail = new PHPMailer();
if(!empty($_REQUEST['verify']))
/*--------- Database Verify Email ---------*/
$strSQL = '';
$strSQL = "UPDATE occasioni_imperdibili SET Verified_Email='Yes' where Verification_Code='".$_REQUEST['verify']."'";
mysql_query($strSQL);
if(!empty($_REQUEST['lavora-con-noi']))
/*--------- Email ---------*/
$nome = $_REQUEST['nome'];
$cognome = $_REQUEST['cognome'];
$indirizzo_email = $_REQUEST['indirizzo-email'];
$telephone = $_REQUEST['telephone'];
$radio = $_REQUEST['radio'];
$per_articolo_euro = $_REQUEST['per-articolo-euro'];
$dichiari_di = $_REQUEST['dichiari-di'];
$curriculum_vitae = '';
$files = $_FILES;
$body = '';
$body .= 'Nome : '.$nome.'<br />';
$body .= 'Cognome : '.$cognome.'<br />';
$body .= 'Email : '.$indirizzo_email.'<br />';
$body .= 'Telefono : '.$telephone.'<br />';
if($radio == 'per-articolo' && !empty($per_articolo_euro))
$body .= 'Per articolo : Yes'.'<br />';
$body .= '€ : '.$per_articolo_euro.'<br />';
else
$body .= 'Percentuale della revenue generata dai pay per click per la lifetime dell'articolo : Yes'.'<br />';
$body .= 'Dichiari di aver letto e accettato : '.$dichiari_di.'<br />';
$mail->AddAddress($address, "Lavora con noi");
$mail->Subject = 'Lavora con noi';
$baseDir = $_SERVER['DOCUMENT_ROOT'] . '/uploads/';
foreach($files as $file)
if(!empty($file['tmp_name']))
move_uploaded_file($file['tmp_name'], $baseDir.$file["name"]);
$mail->AddAttachment($baseDir.$file["name"], $file["name"]);
$curriculum_vitae .= $file['name'].' ';
$mail->MsgHTML($body);
if(!$mail->Send())
echo "<div class=\"form-error\">Mailer Error: " . $mail->ErrorInfo."</div>";
/*--------- Database ---------*/
$per_articolo = '';
if($radio == 'per-articolo' && !empty($per_articolo_euro))
$per_articolo = 'Per articolo : € '.$per_articolo_euro;
else
$per_articolo = "Percentuale della revenue generata dai pay per click per la lifetime dell\'articolo : Yes";
$strSQL = '';
$strSQL .= "INSERT INTO lavora_con_noi ";
$strSQL = $strSQL . "VALUES('', ";
$strSQL .= "'".$nome."', ";
$strSQL .= "'".$cognome."', ";
$strSQL .= "'".$indirizzo_email."', ";
$strSQL .= "'".$telephone."', ";
$strSQL .= "'".$curriculum_vitae."', ";
$strSQL .= "'".$per_articolo."'";
$strSQL .= ")";
mysql_query($strSQL) or die (mysql_error());
if(!empty($_REQUEST['registrati-form']))
/*--------- Email ---------*/
$registrati_email = $_REQUEST['registrati-email'];
$nome_utente = $_REQUEST['nome-utente'];
$desidero_ricevere = $_REQUEST['desidero-ricevere'];
$dichiari_di_aver = $_REQUEST['dichiari-di-aver'];
$body = '';
$body .= 'Il tuo indirizzo email : '.$registrati_email.'<br />';
$body .= 'Scegli il tuo nome utente : '.$nome_utente.'<br />';
$body .= 'Desidero ricevere la newsletter di Risparmia.com : '.$desidero_ricevere.'<br />';
$body .= 'Dichiari di aver letto e accettato : '.$dichiari_di_aver.'<br />';
$body .= '<div style="margin:0; padding:0;" bgcolor="#000000" link="#3399fe">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td style="padding:50px 0;">
<table width="720" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td style="padding:5px 0 3px;">
<table cellpadding="0" cellspacing="0" width="280" align="center">
<tr>
<td width="37"></td>
<td valign="top" width="243"><a href="#"><img src="logo.png" border="0" style="vertical-align:top;" width="243" height="41" alt="risparmia.com" /></a></td>
</tr>
</table>
</td>
</tr>
<tr><td style="line-height:0;font-size:0;"><img src="img-01.png" align="left" vspace="0" hspace="0" width="720" height="3" alt="" /></td></tr>
<tr>
<td style="padding:26px 21px 25px;font:24px/26px Arial, Helvetica, sans-serif; color:#444;">
Benvenuto su <a href="#" style="text-decoration:none;color:#444;"><b>Risparmia.com</b></a>
</td>
</tr>
<tr>
<td style="padding:0 19px 28px 0;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="239">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td bgcolor="#3399fe" style="padding:10px 10px 10px 19px;font:bold 18px/20px Arial, Helvetica, sans-serif; color:#fff;">
<a href="#" style="text-decoration:none;color:#fff;">Benvenuto</a>
</td>
</tr>
<tr>
<td style="padding:10px 10px 12px 19px;font:bold 18px/20px Arial, Helvetica, sans-serif; color:#3399fe;">
<a href="#" style="text-decoration:none;color:#3399fe;">Lavora con noi</a>
</td>
</tr>
</table>
</td>
<td width="1" bgcolor="#dddddd"></td>
<td width="19"></td>
<td valign="top" width="442">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:10px 0 6px;font:14px/24px Arial, Helvetica, sans-serif; color:#444;">
Ciao Username, <br/><br/>
La tua registrazione su Risparmia.com e stata completata con successo.<br/><br/>
Ti contatteremo appena sara possibile condividere i tuoi consigli sul risparmio e partecipare alle discussioni. <br/><br/>
A presto, <br/><br/>
La redazione di <a href="#" style="text-decoration:none;color:#444;">Risparmia.com</a> <br/>
<a href="mailto:risparmia@risparmia.com" style="text-decoration:none;color:#3399fe;">risparmia@risparmia.com</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding:0 19px 27px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="border-top:3px solid #ddd;padding:12px 0 0;font:12px/14px Arial, Helvetica, sans-serif; color:#aaa;">
Questa richiesta e stata inviata da IP 123.456.789.012. Se non sei stato tu ad inviare questa richiesta <a href="#" style="text-decoration:none;color:#3399fe;">segnalacelo</a>.
</td>
</tr>
</table>
</td>
</tr>
<tr><td style="line-height:0;font-size:0;"><img src="img-02.png" align="left" vspace="0" hspace="0" width="720" height="3" alt="" /></td></tr>
<tr>
<td style="padding:14px 19px 12px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="480">
<tr>
<td valign="top" width="182"><a href="#"><img src="logo-footer.png" border="0" style="vertical-align:top;" width="182" height="31" alt="risparmia.com" /></a></td>
<td width="9"></td>
<td valign="top" width="289">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:12px 0 0;font:12px/14px Arial, Helvetica, sans-serif; color:#444;">
© 2014 Risparmio Srl. All Rights Reserved.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" width="130">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="31"><a href="#"><img src="ico-facebook.png" border="0" style="vertical-align:top;" width="31" height="31" alt="facebook" /></a></td>
<td width="18"></td>
<td valign="top" width="31"><a href="#"><img src="ico-twitter.png" border="0" style="vertical-align:top;" width="31" height="31" alt="twitter" /></a></td>
<td width="19"></td>
<td valign="top" width="31"><a href="#"><img src="ico-google-plus.png" border="0" style="vertical-align:top;" width="31" height="31" alt="google plus" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>';
$mail->AddAddress($address, "Registrati");
$mail->Subject = 'Registrati';
$mail->MsgHTML($body);
if(!$mail->Send())
echo "<div class=\"form-error\">Mailer Error: " . $mail->ErrorInfo."</div>";
/*--------- Database ---------*/
$strSQL = '';
$strSQL .= "INSERT INTO registrati ";
$strSQL = $strSQL . "VALUES('', ";
$strSQL .= "'".$registrati_email."', ";
$strSQL .= "'".$nome_utente."', ";
$strSQL .= "'".$desidero_ricevere."'";
$strSQL .= ")";
mysql_query($strSQL) or die (mysql_error());
if(!empty($_REQUEST['nostra-newsletter']))
/*--------- Email ---------*/
$email_newsletter = $_REQUEST['email-newsletter'];
$body = '';
$body .= 'Email : '.$email_newsletter.'<br />';
$mail->AddAddress($address, "Iscriviti alla nostra newsletter");
$mail->Subject = 'Iscriviti alla nostra newsletter';
$mail->MsgHTML($body);
if(!$mail->Send())
echo "<div class=\"form-error\">Mailer Error: " . $mail->ErrorInfo."</div>";
if(!empty($email_newsletter))
$mail_verify = new PHPMailer();
$body_verify .= '<div style="margin:0; padding:0;" bgcolor="#000000" link="#3399fe">
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#000000">
<tr>
<td style="padding:50px 0;">
<table width="720" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr>
<td style="padding:5px 0 3px;">
<table cellpadding="0" cellspacing="0" width="280" align="center">
<tr>
<td width="37"></td>
<td valign="top" width="243"><a href="#"><img src="images/email/logo.png" border="0" style="vertical-align:top;" width="243" height="41" alt="risparmia.com" /></a></td>
</tr>
</table>
</td>
</tr>
<tr><td style="line-height:0;font-size:0;"><img src="images/email/img-01.png" align="left" vspace="0" hspace="0" width="720" height="3" alt="" /></td></tr>
<tr>
<td style="padding:26px 20px 30px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:0 0 15px;font:24px/26px Arial, Helvetica, sans-serif; color:#444;">
Conferma la tua registrazione a <a href="#" style="text-decoration:none;color:#444;"><b>Risparmia.com</b></a>
</td>
</tr>
<tr>
<td style="padding:0 0 17px;font:14px/24px Arial, Helvetica, sans-serif; color:#444;">
Ciao Username, <br/><br/>
Abbiamo ricevuto la tua richiesta di registrazione a <a href="#" style="text-decoration:none;color:#444;"><b>Risparmia.com</b></a>. <br/><br/>
Per confermare la tua registrazione, clicca il link qui sotto:
</td>
</tr>
<tr>
<td bgcolor="#3399fe" style="padding:9px 0 11px;font:18px/20px Arial, Helvetica, sans-serif;text-align:center; color:#fff;">
<a href="'.$site_url.'?verify='.base64_encode($email_newsletter).'" style="color:#fff;text-decoration:none;"><b>'.$site_url.'?verify='.base64_encode($email_newsletter).'</b></a>
</td>
</tr>
<tr>
<td style="padding:15px 0 21px;font:14px/24px Arial, Helvetica, sans-serif; color:#444;">
La redazione di <a href="#" style="text-decoration:none;color:#444;">Risparmia.com</a> <br/>
<a href="mailto:risparmia@risparmia.com" style="text-decoration:none;color:#3399fe;">risparmia@risparmia.com</a>
</td>
</tr>
<tr>
<td style="border-top:3px solid #ddd;padding:12px 0 0;font:12px/14px Arial, Helvetica, sans-serif; color:#aaa;">
Questa richiesta e stata inviata da IP 123.456.789.012. Se non sei stato tu ad inviare questa richiesta <a href="#" style="text-decoration:none;color:#3399fe;">segnalacelo</a>.
</td>
</tr>
</table>
</td>
</tr>
<tr><td style="line-height:0;font-size:0;"><img src="images/email/img-02.png" align="left" vspace="0" hspace="0" width="720" height="3" alt="" /></td></tr>
<tr>
<td style="padding:14px 19px 11px;">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table cellpadding="0" cellspacing="0" width="480">
<tr>
<td valign="top" width="182"><a href="#"><img src="images/email/logo-footer.png" border="0" style="vertical-align:top;" width="182" height="31" alt="risparmia.com" /></a></td>
<td width="9"></td>
<td valign="top" width="289">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="padding:12px 0 0;font:12px/14px Arial, Helvetica, sans-serif; color:#444;">
© 2014 Risparmio Srl. All Rights Reserved.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td valign="top" width="130">
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="31"><a href="#"><img src="images/email/ico-facebook.png" border="0" style="vertical-align:top;" width="31" height="31" alt="facebook" /></a></td>
<td width="18"></td>
<td valign="top" width="31"><a href="#"><img src="images/email/ico-twitter.png" border="0" style="vertical-align:top;" width="31" height="31" alt="twitter" /></a></td>
<td width="19"></td>
<td valign="top" width="31"><a href="#"><img src="images/email/ico-google-plus.png" border="0" style="vertical-align:top;" width="31" height="31" alt="google plus" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>';
$mail_verify->AddAddress($email_newsletter, "Conferma la tua registrazione a Risparmia.com");
$mail_verify->Subject = 'Conferma la tua registrazione a Risparmia.com';
$mail_verify->MsgHTML($body_verify);
if(!$mail_verify->Send())
echo "<div class=\"form-error\">Mailer Error: " . $mail_verify->ErrorInfo."</div>";
/*--------- Database ---------*/
$strSQL = '';
$strSQL .= "INSERT INTO occasioni_imperdibili ";
$strSQL = $strSQL . "VALUES('', ";
$strSQL .= "'".$email_newsletter."', ";
$strSQL .= "'".'No'."', ";
$strSQL .= "'".base64_encode($email_newsletter)."'";
$strSQL .= ")";
mysql_query($strSQL) or die (mysql_error());
mysql_close();
?>
<div id="wrapper">
<div class="panel">
<div class="panel-holder">
<ul class="add-nav">
<li class="nav-open-close">
<a href="#" class="opener">LAVORA CON NOI</a>
<div class="slide-holder">
<div class="slide">
<div class="drop">
<span class="title-panel">Lavora con noi<a href="#" class="close opener">close</a></span>
<div class="error-box">
<strong class="title">Oops... Siamo spiacenti, qualcosa e andato storto.</strong>
<p>Si sono verificati i seguenti errori:</p>
</div>
<div class="form-box">
<form action="" name="lavora-con-noi-form" enctype="multipart/form-data" method="post">
<fieldset>
<input type="hidden" name="lavora-con-noi" value="1" />
<div class="row">
<div class="alignleft">
<label for="name">Nome:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="nome" name="nome" id="name">
</div>
</div>
</div>
<div class="row add">
<div class="alignleft">
<label for="last-name">Cognome:</label>
</div>
<div class="alignright error">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="cognome" name="cognome" id="last-name">
</div>
</div>
</div>
<div class="row">
<div class="alignleft">
<label for="email">Il tuo indirizzo email:</label>
</div>
<div class="alignright success">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci un indirizzo valido.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi o aver lasciato spazi bianchi.</span>
</div>
</div>
<div class="l-col">
<input type="email" placeholder="example@email.com" name="indirizzo-email" id="email">
</div>
</div>
</div>
<div class="row add">
<div class="alignleft">
<label for="tel">Telefono:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci il tuo numero di telefono preceduto dal prefisso internazionale (per l’Italia usa +39)</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi, aver lasciato spazi bianchi o aver tralasciato il prefisso internazionale..</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="+39" name="telephone" id="tel">
</div>
</div>
</div>
<div class="row add2">
<div class="alignleft">
<label for="file">Allega Curriculum Vitae:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. I file devono pesare meno di <b>3MB</b>. File consentiti: <b>pdf</b>, <b>odt</b>, <b>doc</b> </span>
<span class="popup error-popup">I file superano la dimensione massima consentita di <b>3MB</b>, o non rispettano i formati consentiti: <b>pdf</b>, <b>odt</b>, <b>doc</b>. </span>
</div>
</div>
<div class="l-col">
<input type="file" id="file" name="curriculum-vitae">
</div>
</div>
</div>
<div class="row add3">
<div class="alignleft">
<label for="radio1">Preferisci esser pagato:</label>
</div>
<div class="alignright">
<div class="radio-row">
<input type="radio" name="radio" value="per-articolo" id="radio1">
<label for="radio1">Per articolo </label>
<div class="small-row">
<div class="input-wrap">
<input type="text" placeholder="€" name="per-articolo-euro" id="count">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Inserisci l’importo che desidereresti ricevere come compenso per un articolo di 500 parole.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
</div>
<label for="count">compenso desiderato per 500 parole: </label>
</div>
</div>
<div class="radio-row">
<input type="radio" name="radio" value="percentuale" id="radio2">
<label for="radio2">Percentuale della revenue generata dai pay per click per la lifetime dell’articolo</label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="check-row">
<input type="checkbox" name="dichiari-di" value="yes" id="check1">
<label for="check1">Dichiari di aver letto e accettato i <a href="#">Termini di Servizio</a>, la nostra <a href="#">Informativa sulla Privacy</a> e la nostra politica su <a href="#">Cookies e pubblicita su Internet</a></label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="r-col"> </div>
<div class="l-col">
<input type="submit" value="invia candidatura">
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</li>
<li class="nav-open-close">
<a href="#" class="opener">REGISTRATI</a>
<div class="slide-holder">
<div class="slide">
<div class="drop hidden">
<span class="title-panel">Registrati<a href="#" class="close opener">close</a></span>
<div class="success-box">
<strong class="title">Le tue informazioni sono state inviate correttamente.</strong>
<p>Ti abbiamo inviato un'email contenente un link per confermare la tua registrazione. Questo messaggio si chiudera automaticamente fra 5 secondi.</p>
</div>
</div>
<div class="drop hidden">
<span class="title-panel">Lavora con noi<a href="#" class="close opener">close</a></span>
<div class="success-box">
<strong class="title">La tua registrazione e stata completata con successo!</strong>
<p>Ti invieremo la prima newsletter non appena verra pubblicata. Questo messaggio si chiudera automaticamente fra 5 secondi</p>
</div>
</div>
<div class="drop">
<span class="title-panel">Lavora con noi<a href="#" class="close opener">close</a></span>
<div class="error-box">
<strong class="title">Oops... Siamo spiacenti, qualcosa e andato storto.</strong>
<p>Si sono verificati i seguenti errori:</p>
</div>
<div class="form-box">
<form action="" name="registrati-form" method="post">
<fieldset>
<input type="hidden" name="registrati-form" value="1" />
<div class="row add2">
<div class="alignleft">
<label for="email2">Il tuo indirizzo email:</label>
</div>
<div class="alignright">
<div class="l-col">
<input type="email" class="email" name="registrati-email" placeholder="example@email.com" id="email2">
</div>
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci un indirizzo valido.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi o aver lasciato spazi bianchi.</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="alignleft">
<label for="name2">Scegli il tuo nome utente <small>[max 20 caratteri]</small>:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Max 20 caratteri. Usa solo caratteri alfanumerici e il simbolo “_”</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="nome utente" name="nome-utente" id="name2">
<span class="sub-title">Questo e il nome che verra mostrato nei tuoi post.<br>Una volta scelto non potra piu essere modificato.</span>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="check-row add">
<input type="checkbox" name="desidero-ricevere" value="Yes" id="check2">
<label for="check2">Desidero ricevere la newsletter di Risparmia.com</label>
</div>
<div class="check-row">
<input type="checkbox" name="dichiari-di-aver" value="Yes" id="check3">
<label for="check3">Dichiari di aver letto e accettato i <a href="#">Termini di Servizio</a>, la nostra <a href="#">Informativa sulla Privacy</a> e la nostra politica su <a href="#">Cookies e pubblicita su Internet</a></label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="r-col"> </div>
<div class="l-col">
<input type="submit" value="registrati">
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</li>
</ul>
<ul class="mob-nav">
<li><a href="#" class="user-link"><img src="images/img-4.png" alt="image description"><span>username <small>(esci)</small></span></a></li>
<li><a href="#" class="reg-link">registrati</a></li>
<li><a href="#">lavora con noi</a></li>
</ul>
<a href="#" class="btn-close">close</a>
</div>
</div>
<header id="header">
<a href="#" class="btn-opener">open</a>
<strong class="logo"><a href="#"><img src="images/logo.png" alt="Risparmia.com"></a></strong>
</header>
<section class="promo">
<div class="promo-holder">
<img src="images/img-1.png" alt="image description" class="img">
<div class="text-holder add">
<h2>ricevi occasioni imperdibili!</h2>
<p>Iscriviti alla nostra newsletter e scopri nuove occasioni­imperdibili per risparmiare sulle tue spese quotidiane!</p>
<div class="form-open-close">
<a href="#" class="btn-reg opener"><span>registrati subito - e gratis!</span></a>
<div class="slide">
<form action="" name="nostra-newsletter-form" class="reg-form" method="post">
<fieldset>
<input type="hidden" name="nostra-newsletter" value="1" />
<input type="submit" value="registrati">
<div class="input-holder">
<input type="email" class="email" name="email-newsletter" placeholder="inserisci la tua email">
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="text-holder hidden">
<h2 class="ico-ok">Congratulazioni!</h2>
<p>Fai ora parte di un’elite esclusiva di risparmiatori.<br>Riceverai i consigli di <a href="#">Risparmia.com</a> al piu presto<br>direttamente alla tua email!</p>
</div>
<div class="text-holder hidden">
<h2 class="ico-ok">Congratulazioni!</h2>
<p>La tua registrazione alla newsletter ha avuto successo!<br>Ti abbiamo inviato un’email contenente il link<br>per confermare la tua registrazione.</p>
</div>
</div>
</section>
<section class="text-section">
<div class="holder">
<h2>Cos’e Risparmia.com</h2>
<div class="frame">
<img src="images/img-2.jpg" alt="image description" class="alignleft">
<div class="text-holder">
<p>Siamo il primo portale italiano per la condivisione di esperienze e consigli su come risparmiare sulle spese di ogni giorno. Promuoviamo acquisti economicamente logici e strumenti per rendere il risparmio piu gestibile e accessibile.</p>
</div>
</div>
</div>
</section>
<section class="text-section grey">
<div class="holder">
<h2>Lavora con noi</h2>
<div class="frame">
<img src="images/img-3.png" alt="image description" class="alignright">
<div class="text-holder add">
<p>Siamo alla ricerca di giovani e talentuosi giornalisti e copywriter che vogliano partecipare come content providers. Se hai una passione per il risparmio e ami scrivere, inviaci la tua candidatura!</p>
<a href="#" class="btn-more blue">invia curriculum</a>
</div>
</div>
</div>
</section>
<section class="text-section">
<div class="holder">
<h2>Registrati subito, e gratis!</h2>
<div class="frame">
<img src="images/img-4.jpg" alt="image description" class="alignleft">
<div class="text-holder">
<p>Entra a far parte anche tu della community di <a href="#">Risparmia.com</a>. Condividi le tue esperienze e i tuoi consigli su come risparmiare per vincere sconti e premi esclusivi!</p>
<a href="#" class="btn-more">registrati gratuitamente</a>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="holder">
<div class="footer-holder">
<div class="right-column">
<div class="text-form-box hidden">
<h4 class="ico-ok2">Congratulazioni!</h4>
<p>Fai ora parte di un’elite esclusiva di risparmiatori. Riceverai i consigli di Risparmia.com al piu presto direttamente alla tua email!</p>
<img src="images/pig.png" alt="image description" class="img">
</div>
<div class="text-form-box hidden">
<h4 class="ico-ok2">Congratulazioni!</h4>
<p>La tua registrazione alla newsletter ha avuto successo! Ti abbiamo inviato un’email contenente il link per confermare la tua registrazione.</p>
<img src="images/pig.png" alt="image description" class="img">
</div>
<form action="" name="nostra-newsletter-form" class="reg-form" method="post">
<fieldset>
<input type="hidden" name="nostra-newsletter" value="1" />
<h4>Ricevi offerte imperdibili!</h4>
<p>Iscriviti alla nostra newsletter e scopri nuove occasioni imperdibili per risparmiare sulle tue spese quotidiane!</p>
<div class="form-frame">
<div class="form-holder">
<input type="email" name="email-newsletter" placeholder="inserisci la tua email">
<input type="submit" value="registrati">
</div>
<img src="images/pig.png" alt="image description" class="img">
</div>
</fieldset>
</form>
</div>
<div class="left-column">
<h4>Come funziona Risparmia.com</h4>
<div class="text-holder">
<p>Siamo il primo portale italiano per la condivisione di esperienze e consigli su come risparmiare sulle spese di ogni giorno. Promuoviamo acquisti economicamente logici e strumenti per rendere il risparmio piu gestibile e accessibile.</p>
<span class="sub-title">A breve saranno disponibili sul sito le sezioni:</span>
<ul class="list">
<li><strong>Forum</strong>: dove potrai porre domande su come risparmiare, far conoscere le tue esperienze di consumatore e condividere i tuoi suggerimenti con altri risparmiatori. </li>
<li><strong>Guide</strong>: suddivise per settore, per scoprire come spendere meglio, ridurre i tuoi costi e tutelarti da pratiche scorrette e scegliere la tua soluzione ottimale.</li>
<li><strong>Consigli</strong>: ogni giorno tantissimi utili consigli per spendere meno e meglio.</li>
<li><strong>Offerte</strong>: le migliori occasioni, aggiornate in tempo reale, per farti risparmiare giornalmente</li>
</ul>
</div>
<div class="social-holder">
<h4>Connettiti con noi</h4>
<ul class="social-networks">
<li><a href="#" class="facebook">facebook</a></li>
<li><a href="#" class="twitter">twitter</a></li>
<li><a href="#" class="linkedin">linkedin</a></li>
<li><a href="#" class="google-plus">google plus</a></li>
<li><a href="#" class="pinterest">pinterest</a></li>
<li><a href="#" class="tumblr">Tumblr</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-bar">
<div class="holder">
<div class="footer-frame">
<strong class="logo"><a href="#"><img src="images/logo2.png" alt="image description"></a></strong>
<span class="copyright">© 2014 Risparmia.com. All Rights Reserved.</span>
</div>
</div>
</div>
</div>
</footer>
</div>
<div class="popups">
<div class="popup-box">
<span class="title-panel">Lavora con noi<a href="#" class="close">close</a></span>
<div class="success-box">
<strong class="title">La tua registrazione e stata completata con successo!</strong>
<p>Ti invieremo la prima newsletter non appena verra pubblicata. Questo messaggio si chiudera automaticamente fra 5 secondi</p>
</div>
</div>
<div class="popup-box">
<div class="success-box">
<strong class="title">Le tue informazioni sono state inviate correttamente.</strong>
<p>Ti abbiamo inviato un'email contenente un link per confermare la tua registrazione. Questo messaggio si chiudera automaticamente fra 5 secondi.</p>
</div>
</div>
<div class="popup-box">
<span class="title-panel">Lavora con noi<a href="#" class="close">close</a></span>
<div class="error-box">
<strong class="title">Oops... Siamo spiacenti, qualcosa e andato storto.</strong>
<p>Si sono verificati i seguenti errori:</p>
</div>
<div class="form-box">
<form action="#">
<fieldset>
<div class="row">
<div class="alignleft">
<label for="name3">Nome:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="nome3" id="name3">
</div>
</div>
</div>
<div class="row add">
<div class="alignleft">
<label for="last-name2">Cognome:</label>
</div>
<div class="alignright error">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="cognome" id="last-name2">
</div>
</div>
</div>
<div class="row">
<div class="alignleft">
<label for="email3">Il tuo indirizzo email:</label>
</div>
<div class="alignright success">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci un indirizzo valido.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi o aver lasciato spazi bianchi.</span>
</div>
</div>
<div class="l-col">
<input type="email" class="email" placeholder="example@email.com" id="email3">
</div>
</div>
</div>
<div class="row add">
<div class="alignleft">
<label for="tel2">Telefono:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci il tuo numero di telefono preceduto dal prefisso internazionale (per l’Italia usa +39)</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi, aver lasciato spazi bianchi o aver tralasciato il prefisso internazionale..</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="+39" id="tel2">
</div>
</div>
</div>
<div class="row add2">
<div class="alignleft">
<label for="file2">Allega Curriculum Vitae:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. I file devono pesare meno di <b>3MB</b>. File consentiti: <b>pdf</b>, <b>odt</b>, <b>doc</b> </span>
<span class="popup error-popup">I file superano la dimensione massima consentita di <b>3MB</b>, o non rispettano i formati consentiti: <b>pdf</b>, <b>odt</b>, <b>doc</b>. </span>
</div>
</div>
<div class="l-col">
<input type="file" id="file2">
</div>
</div>
</div>
<div class="row add3">
<div class="alignleft">
<label for="radio3">Preferisci esser pagato:</label>
</div>
<div class="alignright">
<div class="radio-row">
<input type="radio" value="per-articolo" name="radio" id="radio3">
<label for="radio3">Per articolo </label>
<div class="small-row">
<div class="input-wrap">
<input type="text" name="per-articolo-euro" placeholder="€" id="count2">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Inserisci l’importo che desidereresti ricevere come compenso per un articolo di 500 parole.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
</div>
<label for="count2">compenso desiderato per 500 parole: </label>
</div>
</div>
<div class="radio-row">
<input type="radio" value="percentuale" name="radio" id="radio4">
<label for="radio4">Percentuale della revenue generata dai pay per click per la lifetime dell’articolo</label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="check-row">
<input type="checkbox" name="check" id="check4">
<label for="check4">Dichiari di aver letto e accettato i <a href="#">Termini di Servizio</a>, la nostra <a href="#">Informativa sulla Privacy</a> e la nostra politica su <a href="#">Cookies e pubblicita su Internet</a></label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="r-col"> </div>
<div class="l-col">
<input type="submit" value="invia candidatura">
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
<div class="popup-box"><span class="title-panel">Lavora con noi<a href="#" class="close">close</a></span>
<div class="error-box">
<strong class="title">Oops... Siamo spiacenti, qualcosa e andato storto.</strong>
<p>Si sono verificati i seguenti errori:</p>
</div>
<div class="form-box">
<form action="#">
<fieldset>
<div class="row add2">
<div class="alignleft">
<label for="email4">Il tuo indirizzo email:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Inserisci un indirizzo valido.</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi o aver lasciato spazi bianchi.</span>
</div>
</div>
<div class="l-col">
<input type="email" class="email" placeholder="example@email.com" id="email4">
</div>
</div>
</div>
<div class="row">
<div class="alignleft">
<label for="name4">Scegli il tuo nome utente <small>[max 20 caratteri]</small>:</label>
</div>
<div class="alignright">
<div class="r-col">
<div class="tooltip">
<span class="popup normal">Campo obbligatorio. Max 20 caratteri. Usa solo caratteri alfanumerici e il simbolo “_”</span>
<span class="popup error-popup">Per favore verifica il tuo input: potresti aver utilizzato dei caratteri non validi.</span>
</div>
</div>
<div class="l-col">
<input type="text" placeholder="nome utente" id="name4">
<span class="sub-title">Questo e il nome che verra mostrato nei tuoi post.<br>Una volta scelto non potra piu essere modificato.</span>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="check-row add">
<input type="checkbox" name="check" id="check5">
<label for="check5">Desidero ricevere la newsletter di Risparmia.com</label>
</div>
<div class="check-row">
<input type="checkbox" name="check" id="check6">
<label for="check6">Dichiari di aver letto e accettato i <a href="#">Termini di Servizio</a>, la nostra <a href="#">Informativa sulla Privacy</a> e la nostra politica su <a href="#">Cookies e pubblicita su Internet</a></label>
</div>
</div>
</div>
<div class="row">
<div class="alignleft"></div>
<div class="alignright">
<div class="r-col"> </div>
<div class="l-col">
<input type="submit" value="registrati">
</div>
</div>
</div>
</fieldset>
</form>
</div>
</div>
<div class="popup-box">
<span class="title-panel">Informativa sulla Privacy<a href="#" class="close">close</a></span>
<div class="info-block">
<div class="scrollable-area">
<h1>Informativa sulla Privacy di Risparmia.com</h1>
<p>Gaentile Utente,</p>
<p>ai sensi del D.lgs. n. 196/2003 (Codice in materia di protezione dei dati personali), che ha sostituito la legge n. 675/1996, il trattamento delle informazioni che La riguardano sara improntato ai principi di correttezza, liceita e trasparenza e di tutela della Sua riservatezza e dei Suoi diritti. </p>
<p>Ai sensi dell'articolo 13 del D.lgs. n. 196/2003 (gia art. 10 legge 675/1996) della legge predetta, dunque, Le forniamo le seguenti informazioni: I dati da Lei spontaneamente forniti verranno trattati, nei limiti della normativa sulla privacy, per le seguenti finalita: tutela con ogni mezzo legittimo, ed in particolare con il ricorso allo strumento giudiziario, dei diritti e degli interessi dei consumatori e degli utenti. Il Codacons ritiene che solamente il cittadino consapevole dei propri diritti puo difendersi dalla violazione degli stessi; per questo motivo e obiettivo primario dell’Associazione fornire una informazione costante ed aggiornata sulle iniziative in difesa dei consumatori di carattere sociale, economico, finanziario, e politico istituzionale, nazionale e comunitario. </p>
<p>Il trattamento sara effettuato attraverso modalita cartacee e/o informatizzate. </p>
<p>Il conferimento dei dati relativi a nome, cognome, indirizzo, codice fiscale e obbligatorio, al fine di poterLe offrire il servizio di consulenza e/o assistenza o le prestazioni da Lei richieste e l'eventuale rifiuto a fornire tali dati potrebbe comportare la mancata o parziale esecuzione del servizio fornito da Risparmia.com; il conferimento dei dati relativi al recapito telefonico ed all’indirizzo di posta elettronica e facoltativo ed ha lo scopo di permettere all’Associazione di informarLa ed aggiornarLa sulle attivita del sito e sui servizi cui hanno diritto gli associati, anche alla luce del principio espresso al punto 1). </p>
<p>La informiamo che i dati personali idonei a rivelare l'origine razziale ed etnica, le convinzioni religiose, filosofiche o di altro genere, le opinioni politiche, l'adesione a partiti, sindacati, associazioni od organizzazioni a carattere religioso, filosofico, politico o sindacale, nonche i dati personali idonei a rivelare lo stato di salute e la vita sessuale, quelli attinenti alla salute, sono dati sensibili. Tali dati, insieme ai dati giudiziari, da lei spontaneamente conferiti, non saranno oggetto di trattamento se non previo suo espresso consenso scritto; </p>
<p>I dati saranno comunicati, previo suo consenso, ad altri soggetti (enti o associazioni) che condividono le finalita previste dallo Statuto della Societa relativamente alla difesa dei diritti e degli interessi di consumatori ed utenti. </p>
<p>Il titolare del trattamento e Risparmia.com, presso la sede di Citta, via Esempio 00, Italia.</p>
<p>Il trattamento dei dati ha luogo presso la predetta sede nonche presso le altre sedi del Codacons dislocate in Italia e sara curato solo dal personale ad esso incaricato. </p>
<p>In ogni momento potra esercitare i Suoi diritti nei confronti del titolare del trattamento, ai sensi dell'art. 7 del Codice della privacy (gia art. 13 della legge n. 675/1996), in particolare Lei potra chiedere di conoscere l'esistenza di trattamenti di dati che possono riguardarla; di ottenere senza ritardo la comunicazione in forma intellegibile dei medesimi dati e della loro origine, la cancellazione, la trasformazione in forma anonima o il blocco dei dati trattati in violazione di legge; l'aggiornamento, la rettificazione ovvero l'integrazione dei dati; l'attestazione che le operazioni predette sono state portate a conoscenza di coloro ai quali i dati sono stati comunicati, eccettuato il caso in cui tale adempimento si riveli impossibile o comporti un impiego di mezzi manifestamente sproporzionato rispetto al diritto tutelato; di opporsi, in tutto o in parte, per motivi legittimi, al trattamento dei dati personali che la riguardano, ancorche pertinenti allo scopo della raccolta. </p>
<p>Per avere ulteriori informazioni in ordine ai suoi diritti sulla privacy La invitiamo a visitare il sito web dell'Autorita Garante per la protezione dei dati personali all'indirizzo www.garanteprivacy.it</p>
</div>
</div>
</div>
<div class="popup-box">
<span class="title-panel">Termini di Servizio<a href="#" class="close">close</a></span>
<div class="info-block">
<div class="scrollable-area">
<h1>Termini di Servizio di Risparmia.com</h1>
<p>I presenti Termini di Servizio di Risparmia.com (l'"Accordo") sono stipulati tra Risparmio SRL ("Risparmia") e il soggetto che da esecuzione al presente Accordo (l'"Utente"). Il presente Accordo disciplina l'utilizzo da parte dell'Utente del servizio standard di Risparmia.com (il "Servizio"). CLICCANDO SUL PULSANTE "ACCETTO", COMPLETANDO IL PROCESSO DI REGISTRAZIONE O UTILIZZANDO IL SERVIZIO, L'UTENTE DICHIARA DI AVER LETTO E DI ACCETTARE L'ACCORDO E DI AVERE TUTTE LE AUTORIZZAZIONI E I POTERI NECESSARI PER AGIRE PER CONTO DEL TITOLARE DEL PRESENTE ACCOUNT E VINCOLARE QUEST'ULTIMO AL PRESENTE ACCORDO. Tutto quanto sopra premesso, le parti concordano quanto segue.</p>
<p>1. DEFINIZIONI. <br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. </p>
<p>Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio </p>
<p>Dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </p>
<p>2. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. </p>
<p>3. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
<p>4. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
<p>5. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</p>
</div>
</div>
</div>
</div>
</body>
</html>