Код:
<link href='http://fonts.googleapis.com/css?family=Abril+Fatface' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,400,700' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>


<style type="text/css">.tttri {width: 0px; height: 0px;  border-style: solid; border-width: 0 200px 40px 200px; border-color: transparent transparent #66CD00 transparent; }
.robb {   padding: 0px 3px 5px 5px; background-color: #fff; margin-top:0px; margin-right:6px; }
.robb2 { font-family: calibri; font-size:11px; text-align: justify; padding-right: 2px; overflow: auto; line-height: 100%; text-transform: lowercase;color: #7f7f7f; }
.robb2 p:first-letter { float: left; font-size: 50px; line-height: 100%; font-family: oswald; text-transform: uppercase; margin: 0px 5px 0px 0px; color: #292929;  }
.sfublink { margin-top: -10px; padding:5px 0px 6px 0px; font-family:oswald; font-size:10px; margin-bottom:1px; line-height: 100%; background-color: #66CD00; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.sfublink a { color: #fff; text-decoration: none; }
.sfublink2 { padding:5px 0px 6px 0px; font-family:oswald; font-size:10px; margin-bottom:1px; line-height: 100%; background-color: #66CD00; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.sfublink2 a { color: #fff; text-decoration: none; }


.smublink { margin-top: -10px; padding:5px 0px 6px 0px; font-family:oswald; font-size:14px; margin-bottom:1px; line-height: 100%; background-color: #66CD00; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.smublink a { color: #fff; text-decoration: none; }
.smublink2 { padding:5px 0px 6px 0px; font-family:oswald; font-size:10px; margin-bottom:1px; line-height: 100%; background-color: #66CD00; text-align:center; font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing:1px; }
.smublink2 a { color: #fff; text-decoration: none; }
</style>
<style type="text/css"> .testing {  width: 480px; margin-left: 28px ;  transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; -o-transition-duration: 1s; opacity: 0.8; position: relative; top: 130; padding: 3px; border: 4px double white;}</style>




<center><div style="width: 500px; background-color: #EBEBEB; margin-left: -8px">
<div style=" padding: 0px 10px 25px 20px; background-color: #66CD00; color: #f7f7f7; font-family: six caps; font-size: 40px; letter-spacing: 2px; height: 34px; width: 468px;text-align: center; font-size:45px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246;">FULL NAME<div style='text-align: center; color: #fff; font-family:calibri; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-weight:bold; line-height:1em;'>права выданы на имя...</div></div>



<div style="margin-left: -50px; width: 500px; padding: 10px; background-color: transparent ; font-family: calibri, sans-serif; font-size: 9.5px; text-align: justify; line-height: 90%; color: #8C8C8C;"><BR>


<div class="testing"><div style="padding: 10px;background-color: white; height: 120px; font-family: times; color: 000; font-size: 11px; letter-spacing: 2px; text-transform: lowercase; line-height: 90%; text-align: justify;"><div class="robb"><div class="robb2"><p>итак, красавчик, пришло время представиться. тезки и однофамильцы у нас не запрещены в том случае, если первый владелец имени или фамилии не против. не забывайте про обозначения.</p></div></div>
<div class="sfublink">х - обозначаем так нежелание иметь тезку или однофамильца </div><br>
<center><img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn4_3.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn1_8.gif"> <img style="height:20px; width: 20px" src="http://www.prav-net.ru/img/00074.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn1_26.gif"> <img style="height:20px; width: 20px" src="http://ppdd.ru/images/zn/zn4_5.gif"></center>

</div></div>

</div></div></center><br><br><center><table cellspacing=0 cellpadding=0 class=faceclaim style=""><td valign="top" style="width: 180px;"><div style="border-top: double 4px #ddd;"><div style="background-color: #EEAD0E; line-height: 150%; text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246;">ladies</div><br /></td><td valign="top" style="width: 180px;"><div style="border-top: double 4px #ddd;"><div style="background-color: #66CD00; line-height: 150%; text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246;">gentlemans</div><br /><br /></div></td></table>
<table style="padding-bottom: 20px; margin-left: 45px; font-family: simple, roboto condensed;  font-size: 10px; text-transform: uppercase; line-height: 90%;"><tr><td  valign="top"><div style="text-align: right; font-family: simple, roboto condensed; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

alice<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px; ">A•B•C</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>


<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">A•B•C</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans A•B•C<br />

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies D•E•F<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">D•E•F</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">D•E•F</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans D•E•F<br>

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies G•H•I<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">G•H•I</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">G•H•I</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans G•H•I<br>

</div></td></tr><tr><td valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies J•K•L<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">J•K•L</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">J•K•L</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans J•K•L<br>

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies M•N•O<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">M•N•O</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">M•N•O</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans M•N•O<br>

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies P•Q•R<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">P•Q•R</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">P•Q•R</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans P•Q•R<br>

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies S•T<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">S•T</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">S•T</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans S•T<br>

</div></td></tr><tr><td  valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies U•V•W<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">U•V•W</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

west<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">U•V•W</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans U•V•W<br>

</div></td></tr><tr><td valign="top"><div style="text-align: right; padding-right: 4px; border-right: solid #EEAD0E 3px; ">

ladies X•Y•Z<br>

</div></td><td><div style="background-color: #EEAD0E;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">X•Y•Z</div></td><td>

<div style="text-align: center; font-family: simple, roboto condensed; padding-right: 4px;  ">

last name<br></div></td>
<td><div style="background-color: #66CD00;text-align: center; font-size:25px; color:#fff; font-family:abril fatface; line-height:100%; text-shadow:1px 1px 0px #483246, 2px 2px 0px #483246; width: 80px;">X•Y•Z</div></td><td width="168px;" valign="top"><div style="border-left: solid #66CD00 3px; padding-left: 4px;">

mans X•Y•Z<br>

</div></td></tr></table><br><br>
<div class="smublink">НЕ ЗАБЫВАЙТЕ ПРО СИМВОЛ x у имени! <br>
ПРИМЕР: Abraham x</div>
</center>

Код:
ваше имя<br>
ваша фамилия<br>