Advertisement
ooter

[F] Cosmocall

Jun 29th, 2017
527
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.76 KB | None | 0 0
  1. <!---------------- TOPBAR 1ST  PANEL ------------------>
  2. <div id="start" style="background-image: url('http://i.imgur.com/WsDZxEx.png'); height: 40px; width: 1196px; padding-right: 10px; padding-left: 30px; padding-top: 3px; text-align: left; text-transform: uppercase;" align="right"><span style="font-family: 'courier new', courier;"><span style="color: #ffffff;"><span style="font-size: 10pt;">TITLE.JPG</span></span></span></div>
  3.  
  4. <!---------------- SIDEBAR IMAGE ------------------>
  5. <div style="width: 1195px; height: 430px; background: #f2f2f2; text-align: justified; padding-right: 20px; padding-top: 10px; padding-left: 30px; border: 2px ridge #c0c0c0;" align="right"><img style="float: left; padding-right: 20px;" src="http://68.media.tumblr.com/249f0126b5d8719e93d7a663d186c278/tumblr_na842eQSb71t023l5o2_250.jpg" alt="" />
  6.  
  7. <!---------------- INFO ------------------>
  8. <table style="height: 377px; border: 1px solid #ffffff; background-color: #ffffff; float: right;" width="928">
  9. <tbody>
  10. <tr style="background-color: #70b0c9; border-color: #70b0c9;">
  11. <td><strong><span style="color: #ffffff;">B A S I C S</span></strong></td>
  12. <td><strong><span style="color: #ffffff;">S T O R Y&nbsp;</span></strong></td>
  13. <td><strong><span style="color: #ffffff;">I N T E R E S T S</span></strong></td>
  14. </tr>
  15. <tr style="background-color: #fff; border-color: #fff;">
  16. <td style="width: 33%;">
  17. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  18. <strong>Other Name(s):</strong> XXX<br />
  19. <strong>Age:</strong> XXX<br />
  20. <strong>Birthday:</strong> XXX<br />
  21. <strong>Gender:</strong> XXX<br />
  22. <strong>Height:</strong> XXX<br />
  23. <strong>Species:</strong> XXX<br />
  24. <strong>Blood Type:</strong> XXX<br />
  25. <strong>Significant Other:</strong> XXX<br />
  26. <strong>Sexuality:</strong> XXX<br />
  27. <strong>Zodiac:</strong> XXX<br />
  28. <strong>Song:</strong> XXX<br />
  29. <strong>Creator:</strong> @XXX<br />
  30. <strong>Worth:</strong> $XXX<br /></span>
  31.  
  32.  
  33. </td>
  34. <td>
  35. <p style="text-align: justify;"><span style="font-size: 8pt; color: #999999;">CHARACTER STORY. 100 WORDS LOOKS BEST.</span></p>
  36. </td>
  37. <!---------------- INTERESTS ------------------>
  38. <td style="width: 33%;">
  39. <span style="font-size: 8pt; color: #999999;">► XXX</span><br />
  40. <span style="font-size: 8pt; color: #999999;">► XXX </span><br />
  41. <span style="font-size: 8pt; color: #999999;">► XXX</span><br />
  42. <span style="font-size: 8pt; color: #999999;">► XXX</span> <br /><br />
  43. <!---------------- LIKES ------------------>
  44. <span style="font-size: 8pt; color: #339966;"></span> <span style="color: #999999;">XXX</span></span><br />
  45. <span style="font-size: 8pt; color: #339966;"></span> <span style="color: #999999;">XXX</span></span><br />
  46. <span style="font-size: 8pt; color: #339966;"></span> <span style="color: #999999;">XXX</span></span><br />
  47. <span style="font-size: 8pt; color: #339966;"></span> <span style="color: #999999;">XXX</span></span>
  48. <br /><br />
  49. <!---------------- DISLIKES ------------------>
  50. <span style="font-size: 8pt;">
  51. <span style="color: #ff0000;"></span> <span style="color: #999999;">XXX</span><br /> <span style="color: #ff0000;"></span> <span style="color: #999999;">XXX</span><br />
  52. <span style="color: #ff0000;"></span> <span style="color: #999999;">XXX</span><br />
  53. <span style="color: #ff0000;"></span> <span style="color: #999999;">XXX</span><br />
  54. </tr>
  55. </tbody>
  56. </table>
  57. </div>
  58.  
  59.  
  60. <!------------------------------------------------ NEW DIV ----------------------------------------------->
  61. <!------------------------------------------- BOTTOM PANEL ------------------------------------------>
  62. <!------------------------------------------------ NEW DIV ----------------------------------------------->
  63.  
  64.  
  65. <p><br /><br /></p>
  66. <!---------------- TOPBAR 2ND PANEL ------------------>
  67. <div id="start" style="background-image: url('http://i.imgur.com/WsDZxEx.png'); height: 40px; width: 1196px; padding-right: 10px; padding-left: 30px; padding-top: 3px; text-align: left; text-transform: uppercase;" align="right"><span style="color: #ffffff; font-family: 'courier new', courier;"><span style="font-size: 13.3333px;">CONTACTS.PNG</span></span></div>
  68. <div style="width: 1195px; height: 480px; background: #f2f2f2; padding-right: 20px; padding-top: 10px; padding-left: 30px; border: 2px ridge #c0c0c0;" align="right">
  69. <!---------------- BOTTOM PANNEL SIDE IMAGE ------------------>
  70. <img style="padding-left: 20px; float: right;" src="http://68.media.tumblr.com/9f2649c99c39e66be2f0b31288b94edc/tumblr_na842eQSb71t023l5o8_250.jpg" alt="" />
  71.  
  72. <!---------------- RELATIONSHIP TABLE ------------------>
  73. <table style="height: 377px; border: 1px solid #ffffff; background-color: #ffffff; float: left;" width="928">
  74. <tbody>
  75. <tr style="background-color: #fff; border-color: #fff;">
  76.  
  77. <!---------------- RELATIONSHIP 1 START ------------------>
  78. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  79. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  80. <strong>Age:</strong> XXX<br />
  81. <strong>Gender:</strong> XXX<br />
  82. <strong>Relationship:</strong> XXX<br />
  83. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  84. </td>
  85. <!---------------- RELATIONSHIP 1 END ------------------>
  86.  
  87.  
  88. <!---------------- RELATIONSHIP 2 START ------------------>
  89. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  90. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  91. <strong>Age:</strong> XXX<br />
  92. <strong>Gender:</strong> XXX<br />
  93. <strong>Relationship:</strong> XXX<br />
  94. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  95. </td>
  96. <!---------------- RELATIONSHIP 2 END ------------------>
  97.  
  98.  
  99. <!---------------- RELATIONSHIP 3 START ------------------>
  100. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  101. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  102. <strong>Age:</strong> XXX<br />
  103. <strong>Gender:</strong> XXX<br />
  104. <strong>Relationship:</strong> XXX<br />
  105. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  106. </td>
  107.  
  108. </tr>
  109. <!---------------- RELATIONSHIP 3 END ------------------>
  110.  
  111.  
  112. <!---------------- RELATIONSHIP 4 START ------------------>
  113. <tr style="background-color: #fff; border-color: #fff;">
  114. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  115. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  116. <strong>Age:</strong> XXX<br />
  117. <strong>Gender:</strong> XXX<br />
  118. <strong>Relationship:</strong> XXX<br />
  119. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  120. </td>
  121.  
  122. <!---------------- RELATIONSHIP 4 END ------------------>
  123.  
  124.  
  125. <!---------------- RELATIONSHIP 5 START ------------------>
  126. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  127. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  128. <strong>Age:</strong> XXX<br />
  129. <strong>Gender:</strong> XXX<br />
  130. <strong>Relationship:</strong> XXX<br />
  131. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  132. </td>
  133.  
  134. <!---------------- RELATIONSHIP 5 END ------------------>
  135.  
  136.  
  137. <!---------------- RELATIONSHIP 6 START ------------------>
  138. <td><p><img style="float: right; padding: 7px; border: 1px solid #cdcdcd;" src="http://25.media.tumblr.com/653556bbbff561f3672f06ec77c72221/tumblr_n0ox56S3SU1roqokno5_250.png" alt="" width="100" height="100" />
  139. <strong><span style="color: #999999;"> Name:</strong> &nbsp;xxx <br />
  140. <strong>Age:</strong> XXX<br />
  141. <strong>Gender:</strong> XXX<br />
  142. <strong>Relationship:</strong> XXX<br />
  143. <p><span style="color: #999999; font-size: 8pt;">CHARACTER INFO </span></p>
  144. </td>
  145.  
  146. <!---------------- RELATIONSHIP 6 END ------------------>
  147. </tr>
  148. </tbody>
  149. </table>
  150. </div>
  151.  
  152.  
  153. <!----------------FLOATING IMAGE ------------------>
  154. <p><img style="width: 350px; float: right; margin-top: -460px; margin-left: -800px;" src="http://static.tumblr.com/feece290870c7bca23b73c0312c78b41/rl98e3t/onIo0vy56/tumblr_static_2g2ciwjza0bog88gcokcwow8k.png" alt="" /></p>
  155.  
  156. <!----------DO NOT REMOVE---------->
  157. <p><span style="font-size: 8pt;">HTML by @Jayden</span></p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement