<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#sqeeze {
background-color: #F0F0F0;
width: 374px;
border: thin solid #000000;
margin: 0px auto;
}
#sqeeze #sqeeze_header {
position:relative;
height:34px;
background-color:#17ADDF;
}
#sqeeze #sqeeze_header_title {
height:inherit;
color: white;
text-align:center;
font-family: arial;
font-size:20px;
line-height:34px;
}
#sqeeze #sqeeze_header_openClose {
position:absolute;
top:5px;
right:5px;
width:10px;
height:10px;
}
#sqeeze #sqeeze_body {
color: #254B64;
font-family: Arial;
font-size: 15px;
line-height: 22px;
text-align: justify;
padding: 20px 10px 15px 10px;
}
#sqeeze #sqeeze_form #sqeeze_form_left {
float:left;
width: 267px;
color: #254B64;
font-family: Arial;
font-size: 10px;
text-align:justify;
padding: 0px 10px 10px 10px;
line-height: 12px;
}
#sqeeze #sqeeze_form #sqeeze_form_left #sqeeze_form_left_text {
display:block;
width: 267px;
}
#sqeeze #sqeeze_form #sqeeze_form_right{
float:left;
margin-left:0px;
width: 81px;
height: 59px;
background-image:url(busta.png);
cursor
ointer;
}
</style>
</head>
<body>
<div id="sqeeze">
<div id="sqeeze_header">
<div id="sqeeze_header_title">Iscriviti alla Newsletter</div>
<div id="sqeeze_header_openClose"></div>
</div>
<div id="sqeeze_body">Iscrivendoti riceverai in automatico una mail che ti avviserà dell'avvenuta pubblicazione di un nuovo articolo con relativo link per raggiungerlo agilmente.</div>
<div id="sqeeze_form">
<div id="sqeeze_form_left">
<input id="sqeeze_form_left_text" type="text">
inviando la mail dichiaro di essere di accettare la nota sulla <a href="#">privacy</a> e i termini per la fruizione del servizio </div>
<div id="sqeeze_form_right"></div>
</div>
<div style="clear:left"></div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="newsletter.js"></script>
</body>
</html>
Rispondi quotando
Originariamente inviata da cavicchiandrea
