1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
.header1 {
background-color:#FF6600;
background-image:url(http://www.monsite.com/img/logo.jpg);
background-repeat:no-repeat;
background-position:10px 10px;
font: normal 24px Arial, Helvetica, sans-serif;
color: #fff;
}
.edito {
border: 2px solid #0099CC;
padding:15px;
line-height:18px;
}
h1.article1 {
font: bold 13px Georgia, "Times New Roman", Times, serif;
color:#f60;
border-bottom: 1px solid #f60;
margin-top:20px;
}
h2.breves1 {font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#f60;
}
</style>
</head>
<body>
<table width="644" height="483" border="1">
<tr>
<td height="98" colspan="2" bgcolor="#FF6600" class="header1"><div align="center"><img src="http://www.intervallemedia.com/images/bannier.jpg" /></div></td>
</tr>
<tr>
<td height="33" colspan="2" bgcolor="#0099CC"> </td>
</tr>
<tr>
<td height="23" colspan="2"> </td>
</tr>
<tr>
<td width="438"><table width="433" border="1">
<tr>
<td width="129" align="left" class="edito"><p>Ici texte <br />
<br />
Ici texte <br />
<br />
<br />
<strong>Antoine </strong></p>
<p><strong>Dupont</strong></p>
<p><br />
<em>Webmaster@intervallemedia.com</em></p>
<h1 class="article1">Titre du premier article </h1>
</p>ceci est une newslettre from intervallemedia </td>
</tr>
</table>
<p align="center"><a href="http://www.intervallemedia.com">Intervallemedia</a></p></td>
<td width="190"><h2 class="breves1">ICI TITRE DE CETTE COLONNE </h2>
<p class="breves2"> Ici texte </p>
<h2 class="breves1">Ici titre 1 </h2>
<p class="breves2"> Ici texte <br />
<strong><a href="#">Lire la suite</a></strong></p>
<h2 class="breves1">Ici titre 2 </h2>
<p class="breves2">Ici texte</p>
<h2 class="breves1">Ici titre 3 </h2>
<p class="breves2">Ici texte</p></td>
</tr>
</table>
</body>
</html> |
Partager