no subject

<raw-code><center>

<div style="background: url(http://i.imgur.com/ywIfUYv.png); width: 720px; height: 36px; padding-top: 12px; font: bold 20px letter gothic std, helvetica, arial, sans-serif; text-transform: uppercase;">
  <a href="LINK" style="text-decoration: none;"><div style="color: #ffffff; margin: 0px 50px; display: inline;">QUESTS</div></a>
  <a href="LINK" style="text-decoration: none;"><div style="color: #ffffff; margin: 0px 50px; display: inline;">STATS</div></a>
  <a href="LINK" style="text-decoration: none;"><div style="color: #ffffff; margin: 0px 50px; display: inline;">SYSTEM</div></a>
</div>

 

<div style="background: #000000; width: 800px; padding: 4px; margin-top: 10px; display: inline-block;">
<div style="background: #000000; height: 360px; border: 4px solid #ffffff; color: #ffffff; font: 14px letter gothic std, helvetica, arial, sans-serif; text-align: left; text-transform: uppercase; overflow: hidden;">
 

<a name="link1"><div style="height: 360px;">

<div style="width: 240px; height: 320px; border-right: 2px solid #ffffff; text-align: right; padding: 40px 5px 0px 10px; float: left;">

<a href="#link1" style="text-decoration: none;"><div style="font-size: 16px; color: #ffffff; margin-right: 10px; display: block;">some text here <img src="http://i.imgur.com/7RPuhUM.png" style="height: 16px;"></div></a>

<a href="#link2" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>
<a href="#link3" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>
</div>


<div style="width: 490px; height: 340px; border-left: 2px solid #ffffff; margin-left: 2px; padding: 10px 20px; text-align: justify; float: left;">
<center><span style="color: #ffffff; font-size: 20px; font-weight: bold;">Quest Title</span></center>
<span style="font-size: 12px; text-transform: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis egestas mi, a sagittis ligula. Etiam tempus, tortor non mollis fermentum, libero nunc rutrum urna, vitae pharetra metus lacus a turpis. Maecenas molestie faucibus nibh, viverra facilisis tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in feugiat metus. Morbi vulputate risus et elit facilisis convallis. Praesent iaculis, lacus eget rhoncus vulputate, turpis turpis hendrerit ipsum, nec aliquet purus velit eget lectus.</span>
<br/><br/>
<center><img src="http://i.imgur.com/T1Mm0Td.png" style="height: 16px;">
<div style="width: 172px; color: #ffffff; font-size: 20px; font-weight: bold; display: inline-block;">Objectives</div>
<img src="http://i.imgur.com/OyEx1aO.png" style="height: 16px;"></center>
<span style="font-size: 12px; text-transform: none;">Nunc nibh urna, elementum sed pellentesque id, suscipit vel justo. Sed eu diam ut metus volutpat fermentum sed vitae erat. In tincidunt nisl eget commodo rutrum. In eu arcu at nisl ullamcorper bibendum. In ut sapien in nisl vehicula laoreet. Ut sed blandit felis. Donec luctus lacinia gravida. Nunc a ante at lorem laoreet dignissim non ut sem. Fusce consectetur non arcu quis iaculis.</span></div>

</div></a>

 

<a name="link2"><div style="height: 360px;">

<div style="width: 240px; height: 320px; border-right: 2px solid #ffffff; text-align: right; padding: 40px 5px 0px 10px; float: left;">
<a href="#link1" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>

<a href="#link2" style="text-decoration: none;"><div style="font-size: 16px; color: #ffffff; margin-right: 10px; display: block;">some text here <img src="http://i.imgur.com/7RPuhUM.png" style="height: 16px;"></div></a>

<a href="#link3" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>
</div>


<div style="width: 490px; height: 340px; border-left: 2px solid #ffffff; margin-left: 2px; padding: 10px 20px; text-align: justify; float: left;">
<center><span style="color: #ffffff; font-size: 20px; font-weight: bold;">Quest Title</span></center>
<span style="font-size: 12px; text-transform: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis egestas mi, a sagittis ligula. Etiam tempus, tortor non mollis fermentum, libero nunc rutrum urna, vitae pharetra metus lacus a turpis. Maecenas molestie faucibus nibh, viverra facilisis tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in feugiat metus. Morbi vulputate risus et elit facilisis convallis. Praesent iaculis, lacus eget rhoncus vulputate, turpis turpis hendrerit ipsum, nec aliquet purus velit eget lectus.</span>
<br/><br/>
<center><img src="http://i.imgur.com/T1Mm0Td.png" style="height: 16px;">
<div style="width: 172px; color: #ffffff; font-size: 20px; font-weight: bold; display: inline-block;">Objectives</div>
<img src="http://i.imgur.com/OyEx1aO.png" style="height: 16px;"></center>
<span style="font-size: 12px; text-transform: none;">Nunc nibh urna, elementum sed pellentesque id, suscipit vel justo. Sed eu diam ut metus volutpat fermentum sed vitae erat. In tincidunt nisl eget commodo rutrum. In eu arcu at nisl ullamcorper bibendum. In ut sapien in nisl vehicula laoreet. Ut sed blandit felis. Donec luctus lacinia gravida. Nunc a ante at lorem laoreet dignissim non ut sem. Fusce consectetur non arcu quis iaculis.</span></div>

</div></a>

 

<a name="link3"><div style="height: 360px;">

<div style="width: 240px; height: 320px; border-right: 2px solid #ffffff; text-align: right; padding: 40px 5px 0px 10px; float: left;">
<a href="#link1" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>
<a href="#link2" style="text-decoration: none;"><div style="color: #ffffff; margin-right: 40px; display: block;">Text here</div></a>

<a href="#link3" style="text-decoration: none;"><div style="font-size: 16px; color: #ffffff; margin-right: 10px; display: block;">some text here <img src="http://i.imgur.com/7RPuhUM.png" style="height: 16px;"></div></a>

</div>


<div style="width: 490px; height: 340px; border-left: 2px solid #ffffff; margin-left: 2px; padding: 10px 20px; text-align: justify; float: left;">
<center><span style="color: #ffffff; font-size: 20px; font-weight: bold;">Quest Title</span></center>
<span style="font-size: 12px; text-transform: none;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis egestas mi, a sagittis ligula. Etiam tempus, tortor non mollis fermentum, libero nunc rutrum urna, vitae pharetra metus lacus a turpis. Maecenas molestie faucibus nibh, viverra facilisis tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam in feugiat metus. Morbi vulputate risus et elit facilisis convallis. Praesent iaculis, lacus eget rhoncus vulputate, turpis turpis hendrerit ipsum, nec aliquet purus velit eget lectus.</span>
<br/><br/>
<center><img src="http://i.imgur.com/T1Mm0Td.png" style="height: 16px;">
<div style="width: 172px; color: #ffffff; font-size: 20px; font-weight: bold; display: inline-block;">Objectives</div>
<img src="http://i.imgur.com/OyEx1aO.png" style="height: 16px;"></center>
<span style="font-size: 12px; text-transform: none;">Nunc nibh urna, elementum sed pellentesque id, suscipit vel justo. Sed eu diam ut metus volutpat fermentum sed vitae erat. In tincidunt nisl eget commodo rutrum. In eu arcu at nisl ullamcorper bibendum. In ut sapien in nisl vehicula laoreet. Ut sed blandit felis. Donec luctus lacinia gravida. Nunc a ante at lorem laoreet dignissim non ut sem. Fusce consectetur non arcu quis iaculis.</span></div>

</div></a>

</div>
</div>

 
</center></raw-code>

code from here.

(3 comments)

no subject

Post a comment in response: