API tools faq
paste
Advertisement
joss1226

Spider-Man About

joss1226
Apr 4th, 2016
31
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.43 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <!--------------------------------------------
  8. THEME # 67
  9. BY: http://britishrobert.tumblr.com/ (PREV SPUNKHANDSOME)
  10.  
  11. RULES, IMPORTANT: DON'T REMOVE THE CREDIT // DON'T CLAIM AS YOUR OWN // DON'T USE AS A BASE
  12.  
  13. --------------------------------------------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. <meta name="description" content="" />
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21.  
  22. <meta name="color:Link" content="#444444">
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  27.  
  28. <link href='http://fonts.googleapis.com/css?family=Kotta+One' rel='stylesheet' type='text/css'>
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
  33.  
  34. <script type="text/javascript"
  35.  
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37.  
  38. <script type="text/javascript"
  39.  
  40. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  41.  
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47.  
  48. ::-webkit-scrollbar {background-color: transparent; height:4px; width:3px}
  49. ::-webkit-scrollbar-thumb:vertical {background-color:#d0d0d0; height:50px}
  50. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF; height:8px!important}
  51.  
  52. body {
  53. color: {color:Text};
  54. background-color:#FFFFFF;
  55. }
  56.  
  57. td {
  58. padding: 3px;
  59. width: 100px;
  60. vertical-align: top;
  61. }
  62.  
  63. table {
  64. width: auto;
  65. height: auto;
  66. margin-top: 40px;
  67. margin-left: 20px;
  68. }
  69.  
  70.  
  71. a {
  72. color: #4d4d4d;
  73. text-decoration: none;
  74. -moz-transition-duration: 0.5s;
  75. -o-transition-duration: 0.5s;
  76. -webkit-transition-duration: 0.5s;
  77. transition-duration: 0.5s;
  78. }
  79.  
  80. a:hover {
  81. color: #000000;
  82. -moz-transition-duration: 0.5s;
  83. -o-transition-duration: 0.5s;
  84. -webkit-transition-duration: 0.5s;
  85. transition-duration: 0.5s;
  86. }
  87.  
  88.  
  89. .container {
  90. width:900px;
  91. height:auto;
  92. position:relative;
  93. margin:auto;
  94. top: 10px;
  95. left:-50px;
  96. }
  97.  
  98. .part1 {
  99. padding:5px;
  100. margin-top:100px;
  101. margin-left:20px;
  102. }
  103.  
  104. .table1 {
  105. width:202px;
  106. padding:0px 10px 10px 10px;
  107. border: 1px solid #f0f0f0;
  108. }
  109.  
  110. .links1 {
  111. text-transform: uppercase;
  112. letter-spacing: 0px;
  113. font-family: Open Sans Condensed;
  114. font-size:14px;
  115. padding:4px;
  116. line-height:290%;
  117. margin: 15px 0 6px 0;
  118. color:#262626;
  119. }
  120.  
  121. .links1 a {
  122. border-bottom: 1px solid #f0f0f0;
  123. padding:3px;
  124. }
  125.  
  126.  
  127.  
  128. .part2 {
  129. padding:5px;
  130. margin-top:20px;
  131. margin-left:-7px;
  132. overflow:auto;
  133. }
  134.  
  135. .table2 {
  136. width:390px;
  137. height:400;
  138. position:relative;
  139. padding:0px 10px 10px 10px;
  140. border: 1px solid #f0f0f0;
  141. overflow:auto;
  142. }
  143.  
  144. .name {
  145. width:310px;
  146. padding:4px;
  147. margin-bottom:3px;
  148. font-size:15px;
  149. font-family: Open Sans Condensed;
  150. text-align: left;
  151. text-transform:lowercase;
  152. color:#1b1b1b;
  153. border-bottom: 1px solid #f0f0f0;
  154. }
  155.  
  156. .basic {
  157. padding:4px;
  158. margin:1px;
  159. text-align:justify;
  160. font-size:10px;
  161. line-height:100%;
  162. font-family: calibri;
  163. color:#4d4d4d;
  164. }
  165.  
  166. .links {
  167. text-transform: uppercase;
  168. letter-spacing: 0px;
  169. font-family: calibri;
  170. font-size:10px;
  171. padding:4px;
  172. line-height:290%;
  173. margin: 15px 0 6px 0;
  174. color:#4d4d4d;
  175. }
  176.  
  177. .links a {
  178. border-bottom: 1px solid #f0f0f0;
  179. padding:3px;
  180. }
  181.  
  182. .links a:hover {
  183. letter-spacing:5px;
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. -webkit-transition-duration: 0.5s;
  187. transition-duration: 0.5s;
  188. }
  189.  
  190. .info {
  191. padding:4px;
  192. margin:1px;
  193. text-align:justify;
  194. font-size:11px;
  195. font-family: calibri;
  196. color:#4d4d4d;
  197. }
  198.  
  199. .part3 {
  200. padding:5px;
  201. margin-top:16px;
  202. margin-left:-20px;
  203. }
  204.  
  205. .table3 {
  206. height:auto;
  207. position:relative;
  208. padding:0px 10px 10px 10px;
  209. }
  210.  
  211. .image {
  212. padding:4px;
  213. width:245px;
  214. height:auto;
  215. }
  216.  
  217. .credit {
  218. position:fixed;
  219. font-family:calibri;
  220. font-size:8px;
  221. font-weight:normal;
  222. line-height:150%;
  223. letter-spacing:0px;
  224. left:5px;
  225. bottom:20px;
  226. text-transform:uppercase;
  227. text-align:center;
  228. }
  229.  
  230. .credit a {
  231. font-style:normal;
  232. padding:3px;
  233. color:{color:Link};
  234. -moz-transition-duration:0.5s;
  235. -webkit-transition-duration:0.5s;
  236. -o-transition-duration:0.5s;
  237. }
  238.  
  239. </style>
  240. </head>
  241. <body>
  242. <div class="container">
  243. <table>
  244. <td>
  245.  
  246. <div class="part1">
  247. <div class="table1">
  248.  
  249. <div class="links1">
  250. <a href="/spidermanbio">bio</a><br />
  251. <a href="/spiderman">paras</a><br />
  252. <a href="/tagged/muse:spiderman">musings</a><br />
  253. <small><small><a href="/">back to blog</a> / <a href="/ask">questions</a> / <a href="/muses">muses</a></small></small></div>
  254.  
  255. </div>
  256. </div>
  257. </td>
  258.  
  259. <td>
  260. <div class="part2">
  261. <div class="table2">
  262.  
  263. <div class="name">
  264. "He was a fighter. He really was. I’ve watched people tear him down, and then ask for his help. And he would help them. He would spend hours helping them. I’ve always admired and hated that part of him."
  265. </div>
  266.  
  267. <div class="basic">
  268.  
  269. Inspired by The Amazing Spider-Man 1 and 2, Chaz deals with being Spider-Man and being reunited with his childhood best friend, Harry Osborn, and Harry's sister, Avery. Things go awry when Harry seeks Spider-Man's help with his disease and Chaz knowing he can't help, resulting in both Osborn siblings to turn against Chaz and his alter-ego.
  270. </div>
  271.  
  272. <div class="name">
  273. basic information
  274. </div>
  275.  
  276. <div class="info">
  277. <span style="text-transform: uppercase; font-weight: bold;">
  278. Name:</span> Chaz Elliot Hoo<br />
  279. <span style="text-transform: uppercase; font-weight: bold;">
  280. Alias:</span> Spider-Man<br />
  281. <span style="text-transform: uppercase; font-weight: bold;">
  282. Date of Birth:</span> December 19, 1996<br />
  283. <span style="text-transform: uppercase; font-weight: bold;">
  284. Birthplace:</span> Forest Hills, Queens, New York<br />
  285. <span style="text-transform: uppercase; font-weight: bold;">
  286. Residence:</span> Forest Hills, Queens, New York<br />
  287. <span style="text-transform: uppercase; font-weight: bold;">
  288. Occupation:</span> Biochemistry major student, Freelance photographer at The Daily Bugle, secret vigilante<br />
  289. <span style="text-transform: uppercase; font-weight: bold;">
  290. Religion:</span> Christian<br />
  291. <span style="text-transform: uppercase; font-weight: bold;">
  292. Ethnicity:</span> Chinese
  293.  
  294. <br /><br />
  295.  
  296. <span style="text-transform: uppercase; font-weight: bold;">
  297. Parents:</span> Bruce Hoo (deceased), Julia Hoo (deceased)<br />
  298. <span style="text-transform: uppercase; font-weight: bold;">
  299. Siblings:</span> None<br />
  300. <span style="text-transform: uppercase; font-weight: bold;">
  301. Relatives:</span> Ben Hoo (uncle/deceased), May Hoo (aunt)
  302.  
  303. <br /><br />
  304.  
  305. <span style="text-transform: uppercase; font-weight: bold;">
  306. Sexual Orientation:</span> Straight <br />
  307. <span style="text-transform: uppercase; font-weight: bold;">
  308. Relationship Status:</span> Single<br />
  309. <span style="text-transform: uppercase; font-weight: bold;">
  310. Drinks:</span> Yes, but rarely<br />
  311. <span style="text-transform: uppercase; font-weight: bold;">
  312. Drugs:</span> No <br />
  313. <span style="text-transform: uppercase; font-weight: bold;">
  314. Smokes:</span> No
  315.  
  316. <br /><br />
  317.  
  318. <span style="text-transform: uppercase; font-weight: bold;">
  319. Traits:</span> <br />
  320. + Leader, genius, protective<br />
  321. - Sarcastic, secretive, withdrawn<br /><br />
  322.  
  323. <span style="text-transform: uppercase; font-weight: bold;">
  324. Label:</span> The Hero
  325.  
  326. <br /><br />
  327.  
  328. <span style="text-transform: uppercase; font-weight: bold;">
  329. Scars:</span> None due to his healing factor<br />
  330. <span style="text-transform: uppercase; font-weight: bold;">
  331. Piercings:</span> None <br />
  332. <span style="text-transform: uppercase; font-weight: bold;">
  333. Tattoos:</span> None <br />
  334. <span style="text-transform: uppercase; font-weight: bold;">
  335. Height:</span> 5'11" <br />
  336. <span style="text-transform: uppercase; font-weight: bold;">
  337. Clothing Style:</span> Nerdy hipster attire<br />
  338. <span style="text-transform: uppercase; font-weight: bold;">
  339. Eye color:</span> Brown <br />
  340. <span style="text-transform: uppercase; font-weight: bold;">
  341. Hair color:</span> Black <br />
  342. <span style="text-transform: uppercase; font-weight: bold;">
  343. Hair style:</span> [ <a href="http://static.tumblr.com/qxjwntd/yTxo5qy3i/caper__249_.gif"><font color="#16a4c3">x</font></a> ]<br />
  344. <span style="text-transform: uppercase; font-weight: bold;">
  345. Facial hair:</span> No<br />
  346. <span style="text-transform: uppercase; font-weight: bold;">
  347. Eyeglasses:</span> Yes, but after being bitten by the radioactive spider, he doesn't really need them anymore<br /><br />
  348.  
  349. <span style="text-transform: uppercase; font-weight: bold;">
  350. Super powers:</span> Generally enhanced physiology, Wall-crawling, Enhanced strength and durability, Superhuman reflexes and agility, Sense perceptions, Spider-sense <br />
  351. <span style="text-transform: uppercase; font-weight: bold;">
  352. Equipment:</span> Artificial web-shooters
  353.  
  354. <br /><br />
  355.  
  356. <span style="text-transform: uppercase; font-weight: bold;">
  357. Vehicle:</span> No vehicle. Sometimes he uses the subway, sometimes he uses his beat up <a href="http://static.tumblr.com/qxjwntd/M1vo5rndy/chazsboard.jpg"><font color="#16a4c3">board</font></a>.
  358.  
  359. </div>
  360.  
  361. </div>
  362. </div>
  363. </td>
  364.  
  365. <td>
  366.  
  367. <div class="part3">
  368. <div class="table3">
  369.  
  370. <img src="http://static.tumblr.com/qxjwntd/g61o5dpx7/spiderman2.png" class="image">
  371.  
  372. </div>
  373. </div>
  374. </td>
  375.  
  376. <div class="credit"><a href="http://britishrobert.tumblr.com/"><u>britishrobert</a></u></div>
  377.  
  378.  
  379.  
  380. </body>
  381. </html>
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!