API tools faq
paste
Advertisement
ChainOfRain

Haikyuu!!

ChainOfRain
Aug 13th, 2018
1,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.56 KB | None | 0 0
raw download clone embed print report
  1. <div align="center"><a href="https://pastebin.com/b9t8mfX1" class="btn" style="background-color:#FF9934; text-center; color: #fff">GET THE CODE HERE</a></div>
  2. <hr><hr>
  3.  
  4. <table style="border:none;width:1100px;margin-top:0px;margin-bottom:15px;float:left;height:104px;background:#FFFFFF url('https://i.imgur.com/Gp9Sw9g.jpg');background-attachment:fixed;"><tbody><tr><td style="background-color:#FEFAEF;border:2px solid #E6AB47;padding:10px 15px;text-align:left;background-repeat:repeat;margin:20px 20px 20px 20px;">
  5. <table style="border:none;width:1060px;margin-top:0px;margin-bottom:15px;float:left;height:104px;background:#FFFFFF url('https://i.imgur.com/Gp9Sw9g.jpg');background-attachment:fixed;"><tbody><tr><td style="background-color:#FF9934;border:2px solid #FF9934;padding:10px 15px;background-repeat:repeat;">
  6. <a href="http://haikyuu.wikia.com/wiki/Haikyuu!!_Wiki"><img src="https://vignette4.wikia.nocookie.net/haikyuu/images/8/89/Wiki-wordmark.png/revision/latest?cb=20151229083946"></a> <font size="13" style="margin-left:10px"><b>Haikyuu!! Wiki</b></font></td></tr></tbody></table>
  7.  
  8. <h3 style="color:#3A3A3A;font-size:26pt; margin-left:10px; margin-top:10px">Surname Name</h3><div class="card bg-faded mb-1 border-top-0" style="height:1px;"> </div>
  9. <br>
  10. <!------------------------------------------------ TABS------------------------------------------------>
  11. <div align="center">
  12. <a class="btn btn-default m-1" style="background-color:#FF9934; border:2px solid #FF9934; width:120px; height:35px; color:#fff" href="LINK HERE" align="center"><b>Overview</b></a>
  13. <a class="btn btn-default m-1" style="background-color:#FEFAEF; border:2px solid #FF9934; width:120px; height:35px; color:#E6AB47" href="LINK HERE" align="center"><b>History</b></a>
  14. <a class="btn btn-default m-1" style="background-color:#FEFAEF; border:2px solid #FF9934; width:120px; height:35px; color:#E6AB47" href="LINK HERE" align="center"><b>Plot</b></a>
  15. <a class="btn btn-default m-1" style="background-color:#FEFAEF; border:2px solid #FF9934; width:120px; height:35px; color:#E6AB47" href="LINK HERE" align="center"><b>Relationships</b></a>
  16. <a class="btn btn-default m-1" style="background-color:#FEFAEF; border:2px solid #FF9934; width:120px; height:35px; color:#E6AB47" href="LINK HERE" align="center"><b>Quotes</b></a>
  17. <!------------------------------------------------ TABS END ------------------------------------------------>
  18.  
  19. <!------------------------------------------------ QUOTE ------------------------------------------------>
  20.  
  21. <img src="https://orig00.deviantart.net/7798/f/2018/225/4/2/virg1_by_chainofrain_dcgjyfj_by_chainofrain-dck0yt2.png" style="margin-right:10px"> quote here <img src="https://orig00.deviantart.net/685c/f/2018/225/e/c/virg2_by_chainofrain_dcgjyf9_by_chainofrain-dck0ysx.png" style="margin-left:10px"><br><br>
  22. <small><div style="color:#3A3A3A; margin-left:200px">― Surname Name</div></small></div>
  23. <br>
  24.  
  25. <!------------------------------------------------ SIDEBAR ------------------------------------------------>
  26. <div style="font-size:13px"><div class="pull-right col-xl-4 col-lg-5 col-md-6 ml-md-3 mb-3 p-0">
  27. <div class="card" style="border: 1px solid #FF9934; background-color:#fff;">
  28. <div class="card-header card-primary" style="background-color:#FF9934; font-size: 12px; color: #fff; border: 1px solid:#FF9934">
  29. <!------------------------------------------------ NAME ------------------------------------------------>
  30. <h3 class="text-center font-weight-bold mb-0" style="color: #fff">Surname Name</h3>
  31. </div>
  32. <img src="https://78.media.tumblr.com/b97926a1094348168ef38315aa780c6a/tumblr_orm76dygf71umh29io9_500.gif">
  33. <!------------------------------------------------ NAME ------------------------------------------------>
  34. <table class="w-auto" style="border:1px solid:#FF9934">
  35. <tr>
  36. <td style="width:120px;"><b> Kanji </b></td>
  37. <td> -- </td>
  38. </tr>
  39. </table>
  40. <table class="w-auto" style="border:1px solid:#FF993">
  41. <tr>
  42. <td style="width:120px;"><b> Rōmanji </b></td>
  43. <td> -- </td>
  44. </tr>
  45. </table>
  46. <!------------------------------------------------ CHARACTER INFO ------------------------------------------------>
  47. <div class="card-header card-primary text-center font-weight-bold p-2" style="background: #FF9934; color: #fff; border: 1px solid #FF9934;">
  48. Character Information
  49. </div><table class="w-auto" style="border:1px solid:#FF9934">
  50. <tr>
  51. <td style="width:120px;"><b> Also Known As </b></td>
  52. <td> -- </td>
  53. </tr>
  54. </table>
  55. <table class="w-auto" style="border:1px solid:#FF993">
  56. <tr>
  57. <td style="width:120px;"><b> Gender </b></td>
  58. <td> -- </td>
  59. </tr>
  60. </table>
  61. <table class="w-auto" style="border:1px solid:#FF9934">
  62. <tr>
  63. <td style="width:120px;"><b> Date of Birth </b></td>
  64. <td> -- </td>
  65. </tr>
  66. </table>
  67. <table class="w-auto" style="border:1px solid:#FF993">
  68. <tr>
  69. <td style="width:120px;"><b> Age </b></td>
  70. <td> -- </td>
  71. </tr>
  72. </table>
  73. <table class="w-auto" style="border:1px solid:#FF9934">
  74. <tr>
  75. <td style="width:120px;"><b> Height </b></td>
  76. <td> -- </td>
  77. </tr>
  78. </table>
  79. <table class="w-auto" style="border:1px solid:#FF993">
  80. <tr>
  81. <td style="width:120px;"><b> Weight </b></td>
  82. <td> -- </td>
  83. </tr>
  84. </table>
  85. <table class="w-auto" style="border:1px solid:#FF993">
  86. <tr>
  87. <td style="width:120px;"><b> Home town </b></td>
  88. <td> -- </td>
  89. </tr>
  90. </table>
  91. <table class="w-auto" style="border:1px solid:#FF993">
  92. <tr>
  93. <td style="width:120px;"><b> Home country </b></td>
  94. <td> -- </td>
  95. </tr>
  96. </table>
  97. <!------------------------------------------------ BACKGROUND INFO ------------------------------------------------>
  98. <div class="card-header card-primary text-center font-weight-bold p-2" style="background: #FF9934; color: #fff; border: 1px solid #FF9934;">
  99. Background Information
  100. </div><table class="w-auto" style="border:1px solid:#FF9934">
  101. <tr>
  102. <td style="width:120px;"><b> Family </b></td>
  103. <td>--</td>
  104. </tr>
  105. </table>
  106. <table class="w-auto" style="border:1px solid:#FF9934">
  107. <tr>
  108. <td style="width:120px;"><b> Goal </b></td>
  109. <td>--</td>
  110. </tr>
  111. </table>
  112. <table class="w-auto" style="border:1px solid:#FF9934">
  113. <tr>
  114. <td style="width:120px;"><b> Likes </b></td>
  115. <td>-- </td>
  116. </tr>
  117. </table>
  118. <table class="w-auto" style="border:1px solid:#FF9934">
  119. <tr>
  120. <td style="width:120px;"><b> Dislikes </b></td>
  121. <td>--</td>
  122. </tr>
  123. </table>
  124.  
  125. <!------------------------------------------------ PROFESSIONAL STATUS------------------------------------------------>
  126. <div class="card-header card-primary text-center font-weight-bold p-2" style="background: #FF9934; color: #fff; border: 1px solid #FF9934;">
  127. Professional Status
  128. </div><table class="w-auto" style="border:1px solid:#FF9934">
  129. <tr>
  130. <td style="width:120px;"><b> Occupation </b></td>
  131. <td> -- </td>
  132. </tr>
  133. </table>
  134. <table class="w-auto" style="border:1px solid:#FF993">
  135. <tr>
  136. <td style="width:120px;"><b> Team(s) </b></td>
  137. <td> -- </td>
  138. </tr>
  139. </table>
  140. <table class="w-auto" style="border:1px solid:#FF9934">
  141. <tr>
  142. <td style="width:120px;"><b> Number </b></td>
  143. <td> -- </td>
  144. </tr>
  145. </table>
  146. <table class="w-auto" style="border:1px solid:#FF993">
  147. <tr>
  148. <td style="width:120px;"><b> Position </b></td>
  149. <td> -- </td>
  150. </tr>
  151. </table>
  152.  
  153. <!------------------------------------------------ SEIYU INFO ------------------------------------------------>
  154. <div class="card-header card-primary text-center font-weight-bold p-2" style="background: #FF9934; color: #fff; border: 1px solid #FF9934;">
  155. Seiyu Information
  156. </div><table class="w-auto" style="border:1px solid:#FF9934">
  157. <tr>
  158. <td style="width:120px;"><b> Voice Actor </b></td>
  159. <td> -- </td>
  160. </tr>
  161. </table>
  162. </div>
  163. </div>
  164. </div>
  165. <!------------------------------------------------ SIDEBAR END ------------------------------------------------>
  166.  
  167. <br><font style=" margin-left:10px; color:#3A3A3A">[Brief description here.]
  168. <br><br>
  169. <br>
  170. <!------------------------------------------------ CONTENTS START ------------------------------------------------>
  171. <div class="row"><a id="toc"></a>
  172. <div class="col-md-5 mb-2">
  173. <div class="card bg-faded card-outline-default" style="background-color:#FFE5B2; width:150px; margin-left: 10px; border:#BE8F49">
  174. <h6 class="p-2 mb-0 text-center" style="font-size:14px; font-family:arial; color:#000">Contents <small>[<a data-toggle="collapse" href="#tocshow" style="color:#BE8F49">show</a>]</small></h6>
  175. <div class="collapse p-2 pt-0 rounded-bottom" id="tocshow" style="color:#000">
  176. 1 <a href="#app" style="color:#BE8F49">Appearance</a><br />
  177. 2 <a href="#pers" style="color:#BE8F49">Personality</a><br />
  178. 3 <a href="#stats" style="color:#BE8F49">Statistics</a><br />
  179. 4 <a href="#trivia" style="color:#BE8F49">Trivia</a><br>
  180. </div></div></div></div>
  181. <!------------------------------------------------ CONTENTS END ------------------------------------------------>
  182. <br><div style="font-size:13px; margin:10px; color:#3A3A3A">
  183.  
  184. <!---------------------------------------------- APPEARANCE ------------------------------------------->
  185. <div class="profile-fields-title" style="margin-bottom:-5px;color:#3A3A3A"><a id="app" /><h2>Appearance</h2></div>
  186. <div class="card bg-faded mb-1 border-top-0" style="height:1px;"> </div><div style="color:#3A3A3A">
  187. <br><p>[Insert Appearence Here]</p></div>
  188.  
  189. <!--------------------------------- PERSONALITY -------------------------------------------------------->
  190. <br><div class="profile-fields-title" style="margin-bottom:-5px;color:#3A3A3A"><a id="pers" /><h2>Personality</h2></div>
  191. <div class="card bg-faded mb-1 border-top-0" style="height:1px; color:#3A3A3A"> </div><div style="color:#3A3A3A">
  192. <p>[Insert Personality Here]</p><br><br></div>
  193.  
  194. <!------------------------------------------------ STAT BARS ------------------------------------------------>
  195. <div class="profile-fields-title" style="margin-bottom:-5px;color:#3A3A3A"><a id="app" /><h2>Statistics</h2></div>
  196. <div class="card bg-faded mb-1 border-top-0" style="height:1px;"> </div>
  197. <div class="card bg-faded mt-4 col-xl-6 col-lg-7 p-0 mx-auto" id="stats" style="background: #fff; border: 1px solid #FF9934">
  198. <div class="card-header card-primary" style="background-color:#FF9934; font-size: 6px; color: #fff; border: 1px solid #FF9934">
  199. <h3 class="text-left font-weight-bold mb-0" style="color: #fff">Original Statistics</h3>
  200. </div>
  201. <div class="card-block p-3">
  202. <div class="row no-gutters">
  203. <div class="col-md-3 text-md-right text-center pr-md-0">
  204. <b>Power</b>
  205. </div>
  206. <div class="col-md-7 px-2">
  207. <div class="progress">
  208. <div class="progress-bar" style="background: #FF9934; width: 100%;"></div>
  209. </div>
  210. </div>
  211. <div class="col-md-2 text-md-left text-center pl-md-0">
  212. 5/5
  213. </div>
  214. </div>
  215. <div class="row no-gutters">
  216. <div class="col-md-3 text-md-right text-center pr-md-0">
  217. <b>Jumping</b>
  218. </div>
  219. <div class="col-md-7 px-2">
  220. <div class="progress">
  221. <div class="progress-bar" style="background: #FF9934; width: 100%"></div>
  222. </div>
  223. </div>
  224. <div class="col-md-2 text-md-left text-center pl-md-0">
  225. 5/5
  226. </div>
  227. </div>
  228. <div class="row no-gutters">
  229. <div class="col-md-3 text-md-right text-center pr-md-0">
  230. <b>Stamina</b>
  231. </div>
  232. <div class="col-md-7 px-2">
  233. <div class="progress">
  234. <div class="progress-bar" style="background: #FF9934; width: 100%"></div>
  235. </div>
  236. </div>
  237. <div class="col-md-2 text-md-left text-center pl-md-0">
  238. 5/5
  239. </div>
  240. </div>
  241. <div class="row no-gutters">
  242. <div class="col-md-3 text-md-right text-center pr-md-0">
  243. <b>Game Sense</b>
  244. </div>
  245. <div class="col-md-7 px-2">
  246. <div class="progress">
  247. <div class="progress-bar" style="background: #FF9934; width: 100%"></div>
  248. </div>
  249. </div>
  250. <div class="col-md-2 text-md-left text-center pl-md-0">
  251. 5/5
  252. </div>
  253. </div>
  254. <div class="row no-gutters">
  255. <div class="col-md-3 text-md-right text-center pr-md-0">
  256. <b>Technique</b>
  257. </div>
  258. <div class="col-md-7 px-2">
  259. <div class="progress">
  260. <div class="progress-bar" style="background: #FF9934; width: 100%"></div>
  261. </div>
  262. </div>
  263. <div class="col-md-2 text-md-left text-center pl-md-0">
  264. 5/5
  265. </div>
  266. </div>
  267. <div class="row no-gutters">
  268. <div class="col-md-3 text-md-right text-center pr-md-0">
  269. <b>Speed</b>
  270. </div>
  271. <div class="col-md-7 px-2">
  272. <div class="progress">
  273. <div class="progress-bar" style="background: #FF9934; width: 100%"></div>
  274. </div>
  275. </div>
  276. <div class="col-md-2 text-md-left text-center pl-md-0">
  277. 5/5
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282.  
  283. <!-------------------------------------- TRIVIA ---------------------------------------->
  284. <div class="profile-fields-title" style="margin-bottom:-5px;color:#3A3A3A"><a id="trivia" /><h2>Trivia</h2></div>
  285. <div class="card bg-faded mb-1 border-top-0" style="height:1px;"> </div><div style="color:#3A3A3A">
  286. <br><p>
  287. <ul style="list-style-type:square;">
  288. <li style="color:#3A3A3A;">Trivia 1.</li>
  289. <li style="color:#3A3A3A;">Trivia 2.</li>
  290. <li style="color:#3A3A3A;">Trivia 3.</li>
  291. </ul>
  292. <br></div>
  293. <br><br><br></div>
  294. </div></div></div>
  295. </div></div></div></td></tr></tbody></table>
  296. <div align="right"><!-----DON'T REMOVE THE CREDIT, PLEASE-----><sub><small>LAYOUT BY <a href="https://toyhou.se/ChainOfRain">CHAINOFRAIN</a></small></sub><!----></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!