Код:
<link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'> <style type="text/css">.leckerli { font-family: 'Leckerli One', terminal, arial; text-align: center } </style>

<link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'><style type="text/css">.nixie { font-family: 'Nixie One', cursive; text-align: center } </style>

<style> .scroll::-webkit-scrollbar { width: 5px; background: #D8CFB8; padding: 10px } .scroll::-webkit-scrollbar-thumb { background: #C48352; padding: 10px } .scroll::-webkit-scrollbar-corner { background: #D8CFB8; padding: 5px } </style>

<div style="padding: 30px 60px 20px 60px; font-family: Georgia; color: #D8CFB8"><div class="leckerli" style="color: #D8CFB8; font-size: 40px; text-shadow: #6D6B5D 1px 1px 3px">Initials</div><div style="background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/4009/4009325.png'); background-repeat: repeat; padding: 8px"><div style="background-color: #6D6B5D; padding: 6px"><div class="nixie" style="text-align: center; text-transform: uppercase"></div><br>

<div style="float: left; width: 230px"><div class="nixie" style="text-align: center; font-family: Leckerli One; font-size: 18px">name</div><br><div class="scroll" style="padding: 10px; background-color: #D8CFB8; color: #6D6B5D; overflow: auto; height: 500px">
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">A » B » C</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Alexandra    →   Александра </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Aria    →   Ария [Х]</i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Arielle    →   Ариэль </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Amelia    →   Амелия</i><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Anthony    →   Энтони</i> [X]<br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Bellamy    →   Беллами  [X]</i><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Chris    →   Крис </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">D » E » F</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Eileen    →   Айлин [Х]</i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Faith   →   Фейт </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">G » H » I</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Gabrielle    →   Габриэлль </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Heather → Хизер </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">J » K » L</div><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Jason    →   Джейсон</i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Johanna    →   Джоанна </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Kaylin    →   Кейлин </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸ Karen    →   Карен [X] </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Litta    →   Литта </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">M » N » O</div><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Marcus    →   Маркус [X]</i><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Martin    →   Мартин [Х]</i><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Matthew    →   Мэттью </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">P » Q » R</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Penny    →   Пенни </i><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Regina   →   Реджина  [X]</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">S » T » U</div><br>
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Sam    →   Сэм </i><br>
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Theo    →   Тео</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">V » W » X » Y » Z</div><br>
<i>▸ Имя на англ.яз.    →   Имя на русск. яз </i><br><br></div></div>
<div style="float: right; width: 230px"><div class="nixie" style="font-size: 18px; font-family: Leckerli One; text-align: center">surname</div><br><div class="scroll" style="padding: 10px; background-color: #D8CFB8; color: #6D6B5D; overflow: auto; height: 500px">
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">A » B » C</div><br>
<i>▸ Bennet    →   Беннет </i><br>
<i>▸ Brown    →   Браун </i><br>
<i>▸ Clifton    →  Клифтон [Х]</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">D » E » F</div><br>
<i>▸ Dallas   →   Даллас </i><br>
<i>▸ Devitt    →   Девитт [Х]</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">G » H » I</div><br>
<i>▸ Graham    →   Грэхем [Х]</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">J » K » L</div><br>
<i>▸Jefferson    →   Джефферсон </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">M » N » O</div><br>
<i>▸ McConnell    →   МакКоннел </i><br>
<i>▸ Owens    →   Оуэнс </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">P » Q » R</div><br>
<i>▸ Price → Прайс </i><br>
<i>▸ Richards    →   Ричардс [Х] </i><br>
<i>▸ Rinaldi   →  Ринальди </i><br>
<i>▸ Rochester    →   Рочестер [Х]</i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">S » T » U</div><br>
<i>▸ Snow    →   Сноу </i>[X]<br>
<i>▸ Sunshine     →   Саншайн </i><br>
<div class="nixie" style="text-align: center; font-family: Times New Roman; font-size: 15px">V » W » X » Y » Z</div><br>
<i>▸ Ward    →   Уорд </i><br>
<i>▸ Wayne    →   Уэйн [X] </i><br>
<i>▸ Weston    →   Уэстон </i><br>
</div></div><br>
</div>
<div class="leckerli" style="color: #D8CFB8; font-size: 9px; background-color: #6D6B5D; padding: 5px">coded by typhoon @ <a href="http://z13.invisionfree.com/InstructiveFair/index.php?showuser=1" style="font-family: leckerli one, terminal, arial; color: #C48352; font-size: 9px">if</a>, <a href="http://z13.invisionfree.com/WeasleyWW/index.php?showuser=51" style="font-family: leckerli one, terminal, arial; color: #C48352; font-size: 9px">www</a>, <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13938" style="font-family: leckerli one, terminal, arial; color: #C48352; font-size: 9px">sp</a></div></div></div></div>

ВСТАВЛЯТЬ ЗАПОЛНЕННЫЙ ШАБЛОН В КОД!
Если вы не хотите иметь тёзок или однофамильцев, то при заполнении шаблона в конце имени или фамилии, а может и там, и там, вы ставите вот такой знак [Х]

ДЛЯ ДЕВУШЕК

Код:
<img src='http://funkyimg.com/i/JnMv.png'> <i>▸Имя на англ.яз. с большой буквы    →   Имя на русск. яз. с большой буквы </i><br>

ДЛЯ ПАРНЕЙ

Код:
<img src='http://funkyimg.com/i/JnMu.png'> <i>▸Имя на англ.яз. с большой буквы    →   Имя на русск. яз. с большой буквы</i><br>
Код:
<i>▸ Фамилия на англ.яз.    →   Фамилия на русск. яз </i><br>