<!DOCTYPE html>
<html lang="it">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Polo Nord</title>
<meta name="title" content="Titolo sito">
<meta name="description" content="Descrizione sito">
<meta name="keywords" content="Parole chiave per i motori di ricerca, tipo, grafica,accessori web,gadget">
<meta name="author" content="Tuo nome">
<meta name="robots" content="index,follow">

<!--Web set free realizzato da Penelope - https://www.iltelaiodipenelope.it -->

<style type="text/css">
body {
  background-image: url('images/penelope_xmas_scacchi_salvia.jpg');
  font-family: Garamond;
  font-size: 16px; 
  color : #a0ab4f;
  text-align: center;
  margin-top: 30px
}
h1{margin: 0; font-size:130%;}
h2{font-size: 120%; text-align:center;}
h3{margin-bottom: 3px; font-size: 100%;}
h4{margin-bottom: 5px;font-size: 100%; font-style: oblique;}
h5{margin: 0;font-size: 100%; text-align:left; color: #929d47;}
h6{margin-bottom: 3px; font-size: 90%; color: #929d47;}

.nome_sito {
text-align:center;
font-family: "Corinthia", cursive;
font-weight: 400;
font-style: normal;
color: #929d47; 
font-size: 100px;
margin: 0px;
}

.font_decor {
	text-align:center;
	font-family: "Corinthia", cursive;
	font-weight: 400;
	font-style: normal;
	color: #929d47; 
	font-size: 50px;
	margin: 3px; 
}

/* Link */

a:link { 
	text-decoration: none; 
	cursor:nw-resize;
	font-family: 'Garamond'; 
	font-size: 18px;
	color:#a13436; 
}
a:visited { 
	text-decoration:none; 
	cursor:nw-resize;
	font-family: 'Garamond'; 
	font-size: 18px;
	color:#4f6d54; 
}
a:hover {
	text-decoration:none; 
	color: #3b401e;
}
a:active { 
	font-family: 'Garamond'; 
	font-size: 18px; 
	color: #556e81; 
}

/* Table */
table.cornice_esterna{  
   border:3px solid #929d47;
   background-color:#f8fae4;
   text-align:center;
   margin-left:auto;
   margin-right:auto
}
td.cornice_contenitore{  
   border:1px solid #929d47;
   background-color:#e7efb1;
   text-align:center;
   padding: 15px;
}
table.cornice_interna{
   background-color:#e7efb1;
   text-align:center;
   margin-left:auto;
   margin-right:auto
}
td.cornice_flwo{  
   border:1px solid #929d47;
   background-color:#f8fae4;
   text-align:center;
   padding: 15px;
}
td.bordino{  
   border:1px solid #929d47;
   background-color:#f3f8d3;
   font-family: Garamond;
   font-size: 16px; 
   color : #757f31;
   text-align:center;
}
table.invisibile{  
   border:0px;
   text-align:center;
   margin-left:auto;
   margin-right:auto
}
td.barra_link{
   border-right:1px dotted #929d47;
   text-align:center;
}
td.corpo{
  font-family: Garamond;
  font-size: 16px; 
  color : #757f31;
  text-align: center;
}
td.colonna{
  border-left:1px dotted #929d47;
  font-family: Garamond;
  font-size: 16px; 
  color : #757f31;
  text-align: center;
  width:"30%"
}
table.box_news{  
   border:3px solid #929d47;
   background-color:#e7efb1;
   text-align:center;
   margin-left:auto;
   margin-right:auto
}
td.news{
  border:0px;
  font-family: Garamond;
  font-size: 16px; 
  color : #7a881a;
  text-align: left;
}
td.menu_link {  
	border:0px;
	text-align:left;
	padding:3px;
}
td.hover{
	border:1px solid #929d47;
	background-color: #e7efb1;
	text-align:left;
	cursor : nw-resize;
	padding:3px;
}
td.out{
	border:0px;
	background-color: #f3f8d3;
	text-align:left;
	padding:3px;
}
iframe {
    background-color: transparent;
    border:0px;
}

img { border: 0; 
}
</style>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap" rel="stylesheet">

<!-- Favicon Natale - Penelope -->
<link rel="shortcut icon" type="image/x-icon" href="https://www.iltelaiodipenelope.it/natale/favicon/babbo1.ico">
<!-- Favicon Natale - Penelope -->

<script type="text/javascript">
<!-- Original:  Andrea Bianchi  
//  Web Site:  http://www.web-link.it 
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('01','02','03','04','05', '06', '07', '08', '09', '10', '11','12');
document.write(''+nameDay[now.getDay()]+ ' ' + now.getDate() + "/" + nameMth[now.getMonth()] + "/" + year+'');
}
// end -->
</script>

</head>

<body>
<table class="cornice_esterna" cellpadding="2" cellspacing="15" width="90%">
	<tr>
		<td class="cornice_contenitore">
		<table class="cornice_interna" cellpadding="2" cellspacing="2" width="100%">
		<tr>
		<td class="cornice_flwo"><!-- Table logo -->
			<table class="cornice_interna" cellpadding="2" cellspacing="2" width="100%">
			<tr>
			<td class="bordino"><p class="nome_sito">Happy Holidays!</p>
			<img src="images/penelope_logo_polo_nord.png" width="900" height="400" alt=""></td>
			</tr>
			</table><!-- Table logo --><br><!-- Table barra link -->
				<table class="cornice_interna" cellpadding="2" cellspacing="2" width="100%">
				<tr>
				<td class="bordino"><table class="invisibile" width="100%">
				<tr>
					<td>&nbsp;</td>
					<td class="barra_link"><a href="#">Link</a></td>
					<td class="barra_link"><a href="#">Link</a></td>
					<td class="barra_link"><a href="#">Link</a></td>
					<td><a href="#">Link</a></td>
					<td>&nbsp;</td>
				</tr>
				</table></td>
				</tr>
				</table><!-- Table barra link --><br><!-- Table corpo -->
				    <table class="cornice_interna" cellpadding="2" cellspacing="2" width="100%">
		                <tr>
			             <td class="bordino">
			             <table class="invisibile" width="100%">
					<tr>
						<td class="corpo" valign="top"><!-- Inizio spazio corpo --><h1>Titolo sito...</h1>
                        Breve descrizione del tuo spazio...<br><br>
<!-- Inizio table news -->
<table class="box_news" cellpadding="2" cellspacing="4"  width="570">
	<tr>
		<td width="220"><img src="images/penelope_polo_nord_news.png" width="220" height="300" alt=""></td>
		<td class="news"><p class="font_decor">..: News del sito...</p>
		<div style="width:320px; height:270px; overflow-y: scroll"><!-- Inizio testo news -->
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo<br><br>
	<!-- Fine testo news --></div></td>
	</tr>
</table>
<!-- Fine table news --><br><br>

Lo spazio corpo/pagina e la colonna cresceranno man mano che si aggiungono contenuti<br> 
puoi inserire quindi accessori, gadget e tutto ciò che ti occorre in base al tipo di spazio che<br> 
vuoi realizzare. Puoi utilizzare lo spazio corpo/pagina per un iframe in cui far visualizzare<br> 
tutte le altre pagine del sito <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/iframe_sito_web.php">* Tutorial iframe sito web</a><br><br>

Visita la sezione <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/index.php">* html & script Tutorial</a>
per tanti tutorial su come gestire e<br>  
organizzare le pagine web ed anche tanti script per utilità, accessori e gadget<br><br>

* Per le scritte decorative, titolo e box ho utilizzato <a target="_blank" href="https://fonts.google.com/">https://fonts.google.com</a><br>
potrai sostituirlo con quello che più ti piace modificando il codice fornito<br> 
da Google per importarlo e nelle classi css che trovi nello style<br><br>

- Puoi fare tutte le modifiche che ritieni necessarie alla struttura,<br>
ma non alterare in nessun modo la grafica e non togliere il credits del telaio^^<br><br>	
Buon lavoro... buon sito Penelope &#9829;<br><br>
Anteprima Web Set free www.iltelaiodipenelope.it - <a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">* Template and more...</a><br><br>                        
<!-- Fine spazio corpo --></td>
	<td class="colonna" valign="top"><!-- Inizio spazio colonna -->
<script type="text/javascript">
// Autore sconosciuto
// Spiegato e commentato da http://www.iltelaiodipenelope.it/tutorial/index.php

var saluto = new Date();
var orario = saluto.getHours();

// Saluto dalle 6 am alle 12
if ((orario > 06) && (orario <= 12)) {
document.write("...Buon giorno!");
}
// Saluto dalle 12 alle 18
if ((orario > 12) && (orario <= 18)) {
document.write("...Buon pomeriggio!");
}
// Saluto dalle 18 alle 24
if ((orario > 18) && (orario <= 24)) {
document.write("...Buona sera!");
}
// Saluto dalle 24 alle 6 am
if ((orario >= 00) && (orario <= 06)) {
document.write("...Buona notte!");
}
</script><br>
<script type="text/javascript">WebDate();</script>
H:. <script language="JavaScript">
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
function lZ(x){ return (x>9)?x:'0'+x; } 
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; } 
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+' : '+lZ(tS().getMinutes())+' : '+lZ(tS().getSeconds())";</script>
<script language="JavaScript">dT();</script><br>Buone Feste!<br><br>

<!-- Decoro page - Penelope -->
<iframe src="https://www.iltelaiodipenelope.it/template/webset_free/natale/img_decoro/polo_nord_decor.htm" marginheight="0" marginwidth="0" scrolling="no" width="215" height="183"></iframe>
<!-- Decoro page - Penelope --><br><br>

<!-- Inizio table menu link -->
<p class="font_decor">* Menu *</p>		
<table class="invisibile" cellpadding="2" cellspacing="2" width="220">
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 </table><!-- Fine table menu link --><br><br>
 
<!-- Tag mex - Penelope -->
<table style="background-image:url('https://www.iltelaiodipenelope.it/template/webset_free/natale/tag_mex/penelope_tagmex_polo_nord.png');margin-left: auto; margin-right: auto; border:0px none" cellpadding="0" cellspacing="0" width="273">
 <tr>
	 <td height="160"><!-- Non scrivere qui --></td>
</tr>
 <tr>
	<td height="470" valign="top" align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="236">
	<tr>
		<td style="text-align:center;font-family: Garamond;font-size: 16px; color : #7a881a" height="400" valign="top">
		<b>&#3297; Tag mex...</b><br>
		<div style="width:250px; height:330px; overflow-y: scroll"><!-- Inizio spazio testo -->
		Questa tag può essere<br>
        utilizzata come sfondo per la Cbox<br><br>
		Setta iframe della tua Cbox<br> 
		con queste misure:<br> 
    	width="250" e height="400"<br>
    	# Per maggiori info...<br>
	    <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/cbox.php">Tutorial Cbox</a><br><br>
    	O per scrivere dei messaggi,<br>
        con lo scroll, puoi scrivere<br> 
        quanto vuoi...<br>    
		Ma se preferisci puoi scrivere<br>
		una frase e/o una poesia con<br> 
		il testo che scorre<br>
		* leggi qui la guida dettagliata<br> 
		per il tag  <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/marquee.php">Marquee</a><br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		scrivi... scrivi... scrivi... scrivi...<br>
		<!-- Fine spazio testo --></div></td>
	</tr>
	</table></td>
</tr>
</table><!-- Tag mex - Penelope --><br><br>

<!--  Credits Penelope - Non rimuovere grazie -->
<a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">
<img src="images/penelope_webset_xmas.gif" width="70" height="56" alt="Penelope &#9829;"></a>
<!--  Credits Penelope - Non rimuovere grazie --><br><br> 
                        
<!-- Fine spazio colonna --></td>
</tr>
</table></td>
	</tr>
		</table><!-- Table corpo --><br>
		<!-- Table footer -->
	<table class="cornice_interna" width="100%">
		<tr>
		<td class="bordino" height="50">&#3297; Nome sito <script type="text/javascript">
// Script Calcolo Tempo Trascorso Penelope - https://www.iltelaiodipenelope.it
 var dataIniziale = new Date('2025-10-28'); // Imposta qui la data 
 var dataAttuale = new Date();

 function differenzaDate(inizio, fine) {
    var anni = fine.getFullYear() - inizio.getFullYear();
    var mesi = fine.getMonth() - inizio.getMonth();
    var giorni = fine.getDate() - inizio.getDate();

    if (mesi < 0 || (mesi === 0 && fine.getDate() < inizio.getDate())) {
        anni--;
        mesi += 12;
     }

    if (giorni < 0) {
        var ultimoGiornoMesePrecedente = new Date(fine.getFullYear(), fine.getMonth(), 0).getDate();
        giorni = ultimoGiornoMesePrecedente - inizio.getDate() + fine.getDate();
        mesi--;
     }

      return { anni: anni, mesi: mesi, giorni: giorni };
  }

  var differenza = differenzaDate(dataIniziale, dataAttuale);
  
document.write("online da... " + differenza.anni + " anni, " + differenza.mesi + " mesi e " + differenza.giorni + " giorni");
</script><br>

<script type="text/javascript">
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright © 2025 - "+ update + " - Nome Autore - Tutti i diritti riservati.");
</script></td>
		</tr>
	</table><!-- Table footer --></td>
</tr>
</table></td>
   </tr>
</table>


</body>

</html>
