API tools faq
paste
Advertisement
joss1226

Nav

joss1226
Apr 18th, 2016
60
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4.  
  5.  
  6.  
  7.  
  8. 2.1 "MUSES" by DOMINICWRITES
  9. Rules and Regulations:
  10. #1: Please DO NOT commit thievery and steal this theme/page. I've worked hard on in so I'd appreciate if you didn't.
  11.  
  12. #2: DO NOT redistribute this theme/page,
  13.  
  14. #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.
  15.  
  16.  
  17.  
  18. ---------------->
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21. <head>
  22. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  23.  
  24. <title>{Title}</title>
  25.  
  26. <meta charset="utf-8">
  27.  
  28. <meta name="description" content="{MetaDescription}" />
  29.  
  30. <link rel="shortcut icon" href="{Favicon}" />
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32.  
  33. <!-- FONT SCRIPT CODES -->
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic' rel='stylesheet' type='text/css'>
  37. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800' rel='stylesheet' type='text/css'>
  38. <link href='http://fonts.googleapis.com/css?family=Oranienbaum' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42. <!-- JAVASCRIPT CODES -->
  43.  
  44.  
  45.  
  46.  
  47.  
  48. </head>
  49. <style type="text/css">
  50. body {
  51. margin: 0px;
  52. padding: 0px;
  53. width: 100%;
  54. height: 100%;
  55. list-style: none;
  56. background-color: #eeeeee;
  57. font-family: 'Roboto', sans-serif;
  58. font-weight: 300;
  59. font-size: 10px;
  60. color: #877b76;
  61. background-image:url('http://static.tumblr.com/kamm2qy/bnFnidu1r/tiny_grid.png');
  62. background-attachment: fixed;
  63.  
  64.  
  65. }
  66.  
  67. a {
  68. text-decoration: none;
  69. color: #0195ab;
  70. }
  71.  
  72. b,i,strong,em {
  73. color: #cbd165;
  74. }
  75.  
  76. ::-webkit-scrollbar-thumb:vertical {
  77. background-color: #427ea3;
  78. height: 10px;
  79. border: 2px solid #FFFFFF;
  80.  
  81. }
  82. ::-webkit-scrollbar-thumb:horizontal {
  83. background-color: #427ea3;
  84. height: 7px!important;
  85. border: 2px solid #FFFFFF;
  86. }
  87. ::-webkit-scrollbar {
  88. background-color: transparent;
  89. height: 2px;
  90. width: 8px;
  91. }
  92.  
  93.  
  94.  
  95. /* MIDDLE PAGE CODES */
  96.  
  97. content {
  98. margin: auto;
  99. width: 1105px;
  100. height: 100%;
  101. padding: 20px;
  102. display: block;
  103. margin-bottom: 200px;
  104. margin-top: 50px;
  105. }
  106.  
  107. #left {
  108. padding: 40px;
  109. height: auto;
  110. width: 200px;
  111. display: inline-block;
  112. font-family: 'Lato';
  113. float: left;
  114. font-size: 10px;
  115. color: #202020;
  116. }
  117.  
  118. #sideimg {
  119. width: 245px;
  120. height: 150px;
  121. background-color: #aaaaaa;
  122. margin-bottom: 10px;
  123. float: left;
  124. }
  125.  
  126. #sideimg img {
  127. width: 245px;
  128. height: 150px;
  129. }
  130.  
  131. .bio {
  132. margin-bottom: 10px;
  133. }
  134.  
  135. .sidelinks {
  136. display: block;
  137. width: 100%;
  138. height: auto;
  139. margin-bottom: 10px;
  140. }
  141.  
  142. .sidelinks a {
  143. text-align: left;
  144. font-family: 'Lato';
  145. font-size: 12px;
  146. color: #16a4c3;
  147. margin: 4px 0px;
  148. display: block;
  149. padding-left: 12px;
  150. -webkit-transition: all 0.2s ease-in-out;
  151. -moz-transition: all 0.2s ease-in-out;
  152. -o-transition: all 0.2s ease-in-out;
  153. -ms-transition: all 0.2s ease-in-out;
  154. transition: all 0.2s ease-in-out;
  155. }
  156.  
  157. .sidelinks a:hover {
  158. color: #213f52;
  159. }
  160.  
  161. #right {
  162. width: 743px;
  163. height: auto;
  164. padding: 40px;
  165. display: inline-block;
  166. }
  167.  
  168. #charbox {
  169. display: inline-block;
  170. width: 270px;
  171. height: 270px;
  172. padding: 40px;
  173. background-color: #ffffff;
  174. /* background-image:url('http://static.tumblr.com/kamm2qy/RMEnien7r/photography.png'); */
  175. margin: 12px 10px;
  176. vertical-align: middle;
  177. }
  178.  
  179. .img {
  180. display: table;
  181. vertical-align: middle;
  182. text-align: center;
  183. width: 270px;
  184. height: 270px;
  185. z-index: 5;
  186. -webkit-transition: all 0.2s ease-in-out;
  187. -moz-transition: all 0.2s ease-in-out;
  188. -o-transition: all 0.2s ease-in-out;
  189. -ms-transition: all 0.2s ease-in-out;
  190. transition: all 0.2s ease-in-out;
  191. }
  192.  
  193.  
  194.  
  195. /* MIDDLE --- ABOUT CODES */
  196.  
  197. .about {
  198. display: block;
  199. position: absolute;
  200. width: 270px;
  201. height: 270px;
  202. padding: 40px;
  203. background-color:rgba(255,255,255, 0.9);
  204. margin-top: -40px;
  205. margin-left: -40px;
  206. opacity: 0;
  207. overflow: auto;
  208. font-family: 'Lato';
  209. -webkit-transition: all 0.2s ease-in-out;
  210. -moz-transition: all 0.2s ease-in-out;
  211. -o-transition: all 0.2s ease-in-out;
  212. -ms-transition: all 0.2s ease-in-out;
  213. transition: all 0.2s ease-in-out;
  214. }
  215.  
  216. .name {
  217. text-transform: uppercase;
  218. font-family: 'Oranienbaum', sans-serif;
  219. font-size: 20px;
  220. color: #337886;
  221. text-align: center;
  222. margin-bottom: 7px;
  223. border-top: 1px solid #909090;
  224. border-bottom: 1px solid #909090;
  225. padding: 10px 0px;
  226. }
  227.  
  228. #charbox:hover .about {
  229. opacity: 1;
  230. }
  231.  
  232. .headimg {
  233. width: 270px;
  234. height: 120px;
  235. background-color: #202020;
  236. margin-bottom: 10px;
  237. }
  238.  
  239. .biography {
  240. width: 100%;
  241. height: auto;
  242. margin-bottom: 10px;
  243. font-family: 'Lato', 'Libre Baskerville';
  244. font-size: 10px;
  245. color: #202020;
  246. text-align: justify;
  247. }
  248.  
  249. .smallpic {
  250. display: block;
  251. margin-bottom: 10px;
  252. width: 100%;
  253. text-align: center;
  254. }
  255.  
  256. .smallpic img {
  257. width: 120px;
  258. height: 120px;
  259. padding: 3px;
  260. border: 1px solid #DDDDDD;
  261. margin: 1px;
  262. display: inline-block;
  263. background-color: #FFFFFF;
  264. }
  265.  
  266. .info {
  267. -webkit-column-count: 2;
  268. -moz-column-count: 2;
  269. column-count: 2;
  270. display: block;
  271. width: 100%;
  272. height: 65px;
  273. margin-bottom: 7px;
  274. }
  275.  
  276. .info section {
  277. border-left: 11px solid #dddddd;
  278. font-family: 'Oranienbaum';
  279. font-size: 10px;
  280. text-transform: uppercase;
  281. text-align: left;
  282. color: #202020;
  283. padding-left: 7px;
  284. margin-bottom: 4px;
  285. }
  286.  
  287. .links {
  288. display: block;
  289. width: 100%;
  290. height: auto;
  291. margin-bottom: 7px;
  292. }
  293.  
  294. .links a {
  295. padding: 3px 7px;
  296. background-color: #FFFFFF;
  297. font-family: 'calibri';
  298. font-size: 10px;
  299. text-transform: uppercase;
  300. color: #16a4c3;
  301. text-align: center;
  302. display: inline-block;
  303. margin: 2px 0px;
  304. width: 268px;
  305. -webkit-transition: all 0.2s ease-in-out;
  306. -moz-transition: all 0.2s ease-in-out;
  307. -o-transition: all 0.2s ease-in-out;
  308. -ms-transition: all 0.2s ease-in-out;
  309. transition: all 0.2s ease-in-out;
  310. }
  311.  
  312. .links a:hover {
  313. color: #213f52;
  314. }
  315.  
  316. .section {
  317. border-bottom: 1px solid #909090;
  318. padding: 7px 0px;
  319. text-align: left;
  320. font-family: 'Oranienbaum';
  321. font-size: 14px;
  322. color: #337886;
  323. text-transform: uppercase;
  324. margin-bottom: 7px;
  325. }
  326.  
  327. .connect {
  328. font-family: 'Oranienbaum';
  329. font-size: 10px;
  330. color: #6f0d09;
  331. display: inline-block;
  332. text-transform: uppercase;
  333. }
  334.  
  335. </style>
  336. <body>
  337. <middle>
  338. <content>
  339. <div id="left">
  340.  
  341. <div id="sideimg"><img src="" /></div>
  342. <div class="section">Navigation</div>
  343. <div class="bio">
  344. Navigation page for all things having to do with my muses.
  345. </div>
  346.  
  347.  
  348. <div class="sidelinks">
  349. <a href="/">Home</a>
  350. <a href="/muses">Muses</a>
  351. </div>
  352. </div>
  353.  
  354.  
  355. <div id="right">
  356.  
  357.  
  358.  
  359. <!-- CHARACTER BOX BEGINS -->
  360. <div id="charbox">
  361. <div class="about">
  362.  
  363. <!-- LINKS -->
  364.  
  365. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/Gpso5ujih/oliver2.png" /></div>
  366. <div class="name">Oliver Young</div>
  367.  
  368.  
  369.  
  370.  
  371. <div class="links">
  372. <a href="http://oliveryoung.tumblr.com/paras">Paras</a>
  373. <a href="/tagged/muse:oliver young">Musings</a>
  374. <a href="/tagged/brotp:I take this whole friendship thing seriously">brotp: I take this whole friendship thing seriously</a>
  375. <a href="/tagged/aesthetic:oliver young">Aesthetics</a>
  376. <a href="/tagged/meme:oliver">Memes</a>
  377. <a href="/tagged/fashion:oliver young">Fashion</a>
  378. <a href="/tagged/outfit:oliver">Outfits</a>
  379. <a href="/tagged/playlist:oliver young">Playlists</a>
  380. <a href="/tagged/mb:oliver young">Moodboards</a>
  381. <a href="/tagged/gifs:oliver young">Gifs</a>
  382.  
  383. </div>
  384.  
  385.  
  386. </div>
  387.  
  388. <!-- CHARACTER PORTRAIT - 270X270 -->
  389.  
  390. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/Dqeo5uibq/oliver.png');"></div>
  391.  
  392. </div>
  393.  
  394. <!-- CHARACTER BOX ENDS -->
  395.  
  396.  
  397. <!-- CHARACTER BOX BEGINS -->
  398. <div id="charbox">
  399. <div class="about">
  400.  
  401. <!-- LINKS -->
  402.  
  403. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/nFEo5uji3/matt2.png" /></div>
  404. <div class="name">Matthew Lance</div>
  405.  
  406.  
  407.  
  408.  
  409. <div class="links">
  410. <a href="http://matthewlance.tumblr.com/paras">Paras</a>
  411. <a href="/tagged/muse:matthew lance">Musings</a>
  412. <a href="/tagged/otp:I enjoy myself around you">otp: I enjoy myself around you</a>
  413. <a href="/tagged/aesthetic:matthew lance">Aesthetics</a>
  414. <a href="/tagged/meme:matt">Memes</a>
  415. <a href="/tagged/fashion:matthew lance">Fashion</a>
  416. <a href="/tagged/outfit:matt">Outfits</a>
  417. <a href="/tagged/playlist:matthew lance">Playlists</a>
  418. <a href="/tagged/mb:matthew lance">Moodboards</a>
  419. <a href="/tagged/gifs:matthew lance">Gifs</a>
  420. </div>
  421.  
  422.  
  423. </div>
  424.  
  425. <!-- CHARACTER PORTRAIT - 270X270 -->
  426.  
  427. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/gLfo5uibn/matt.png');"></div>
  428.  
  429. </div>
  430.  
  431. <!-- CHARACTER BOX ENDS -->
  432.  
  433. <!-- CHARACTER BOX BEGINS -->
  434. <div id="charbox">
  435. <div class="about">
  436.  
  437. <!-- LINKS -->
  438.  
  439. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/EiVo5ujix/spencer2.png" /></div>
  440. <div class="name">Spencer Parker</div>
  441.  
  442.  
  443.  
  444.  
  445. <div class="links">
  446. <a href="/spencer">Paras</a>
  447. <a href="/tagged/muse:spencer parker">Musings</a>
  448. <a href="/tagged/otp:with you by my side">otp: with you by my side</a>
  449. <a href="/tagged/aesthetic:spencer parker">Aesthetics</a>
  450. <a href="/tagged/meme:spencer">Memes</a>
  451. <a href="/tagged/fashion:spencer parker">Fashion</a>
  452. <a href="/tagged/outfit:spencer">Outfits</a>
  453. <a href="/tagged/playlist:spencer parker">Playlists</a>
  454. <a href="/tagged/mb:spencer parker">Moodboards</a>
  455. <a href="/tagged/gifs:spencer parker">Gifs</a>
  456. </div>
  457.  
  458.  
  459.  
  460. </div>
  461.  
  462. <!-- CHARACTER PORTRAIT - 270X270 -->
  463.  
  464. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/sTto5uiby/spencer.png');"></div>
  465.  
  466. </div>
  467.  
  468. <!-- CHARACTER BOX ENDS -->
  469.  
  470.  
  471. <!-- CHARACTER BOX BEGINS -->
  472. <div id="charbox">
  473. <div class="about">
  474.  
  475. <!-- LINKS -->
  476.  
  477. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/rjTo5ujiz/spiderman2.png" /></div>
  478. <div class="name">Spider-Man</div>
  479.  
  480.  
  481.  
  482.  
  483. <div class="links">
  484. <a href="/spiderman">Paras</a>
  485. <a href="/tagged/muse:spiderman">Musings</a>
  486. <a href="/tagged/otp:I wanted to thank you for saving my life">otp: I wanted to thank you for saving my life</a>
  487. <a href="/tagged/aesthetic:spiderman">Aesthetics</a>
  488. <a href="/tagged/meme:spiderman">Memes</a>
  489. <a href="/tagged/fashion:spiderman">Fashion</a>
  490. <a href="/tagged/outfit:spiderman">Outfits</a>
  491. <a href="/tagged/playlist:spiderman">Playlists</a>
  492. <a href="/tagged/mb:spiderman">Moodboards</a>
  493. <a href="/tagged/gifs:spiderman">Gifs</a>
  494. </div>
  495.  
  496.  
  497. </div>
  498.  
  499. <!-- CHARACTER PORTRAIT - 270X270 -->
  500.  
  501. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/VHfo5uic1/spiderman.png');"></div>
  502.  
  503. </div>
  504.  
  505. <!-- CHARACTER BOX ENDS -->
  506.  
  507.  
  508. <!-- CHARACTER BOX BEGINS -->
  509. <div id="charbox">
  510. <div class="about">
  511.  
  512. <!-- LINKS -->
  513.  
  514. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/Xe1o5ujin/singleparent2.png" /></div>
  515. <div class="name">Single Parent</div>
  516.  
  517.  
  518.  
  519.  
  520. <div class="links">
  521. <a href="/singleparent">Paras</a>
  522. <a href="/tagged/muse:single parent">Musings</a>
  523. <a href="/tagged/">OTP Tag</a>
  524. <a href="/tagged/aesthetic:single parent">Aesthetics</a>
  525. <a href="/tagged/meme:single parent">Memes</a>
  526. <a href="/tagged/fashion:single parent">Fashion</a>
  527. <a href="/tagged/outfit:single parent">Outfits</a>
  528. <a href="/tagged/playlist:single parent">Playlists</a>
  529. <a href="/tagged/mb:single parent">Moodboards</a>
  530. <a href="/tagged/gifs:single parent">Gifs</a>
  531.  
  532. </div>
  533.  
  534.  
  535. </div>
  536.  
  537. <!-- CHARACTER PORTRAIT - 270X270 -->
  538.  
  539. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/j2To5uibv/singleparent.png');"></div>
  540.  
  541. </div>
  542.  
  543. <!-- CHARACTER BOX ENDS -->
  544.  
  545.  
  546. <!-- CHARACTER BOX BEGINS -->
  547. <div id="charbox">
  548. <div class="about">
  549.  
  550. <!-- LINKS -->
  551.  
  552. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/AoHo5ujj6/victor2.png" /></div>
  553. <div class="name">Victor Reyes</div>
  554.  
  555.  
  556.  
  557.  
  558. <div class="links">
  559. <a href="/victor">Paras</a>
  560. <a href="/tagged/muse:victor reyes">Musings</a>
  561. <a href="/tagged/">OTP Tag</a>
  562. <a href="/tagged/aesthetic:victor reyes">Aesthetics</a>
  563. <a href="/tagged/meme:victor">Memes</a>
  564. <a href="/tagged/fashion:victor reyes">Fashion</a>
  565. <a href="/tagged/outfit:victor">Outfits</a>
  566. <a href="/tagged/playlist:victor reyes">Playlists</a>
  567. <a href="/tagged/mb:victor reyes">Moodboards</a>
  568. <a href="/tagged/gifs:victor reyes">Gifs</a>
  569. </div>
  570.  
  571.  
  572. </div>
  573.  
  574. <!-- CHARACTER PORTRAIT - 270X270 -->
  575.  
  576. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/6ygo5uic5/victor.png');"></div>
  577.  
  578. </div>
  579.  
  580. <!-- CHARACTER BOX ENDS -->
  581.  
  582. <!-- CHARACTER BOX BEGINS -->
  583. <div id="charbox">
  584. <div class="about">
  585.  
  586. <!-- LINKS -->
  587.  
  588. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/5Ido5ujhp/jessica2.png" /></div>
  589. <div class="name">Jessica Morales</div>
  590.  
  591.  
  592.  
  593.  
  594. <div class="links">
  595. <a href="/jessica">Paras</a>
  596. <a href="/tagged/muse:jessica morales">Musings</a>
  597. <a href="/tagged/">OTP Tag</a>
  598. <a href="/tagged/aesthetic:jessica morales">Aesthetics</a>
  599. <a href="/tagged/meme:jessica">Memes</a>
  600. <a href="/tagged/fashion:jessica morales">Fashion</a>
  601. <a href="/tagged/outfit:jessica">Outfits</a>
  602. <a href="/tagged/playlist:jessica morales">Playlists</a>
  603. <a href="/tagged/mb:jessica morales">Moodboards</a>
  604. <a href="/tagged/gifs:jessica morales">Gifs</a>
  605. </div>
  606.  
  607.  
  608.  
  609. </div>
  610.  
  611. <!-- CHARACTER PORTRAIT - 270X270 -->
  612.  
  613. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/KUgo5uibi/jessica.png');"></div>
  614.  
  615. </div>
  616.  
  617. <!-- CHARACTER BOX ENDS -->
  618.  
  619.  
  620. <!-- CHARACTER BOX BEGINS -->
  621. <div id="charbox">
  622. <div class="about">
  623.  
  624. <!-- LINKS -->
  625.  
  626. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/IZjo5ujik/ryan2.png" /></div>
  627. <div class="name">Ryan Park</div>
  628.  
  629.  
  630.  
  631.  
  632. <div class="links">
  633. <a href="/ryan">Paras</a>
  634. <a href="/tagged/muse:ryan park">Musings</a>
  635. <a href="/tagged/">OTP Tag</a>
  636. <a href="/tagged/aesthetic:ryan park">Aesthetics</a>
  637. <a href="/tagged/meme:ryan">Memes</a>
  638. <a href="/tagged/fashion:ryan park">Fashion</a>
  639. <a href="/tagged/outfit:ryan">Outfits</a>
  640. <a href="/tagged/playlist:ryan park">Playlists</a>
  641. <a href="/tagged/mb:ryan park">Moodboards</a>
  642. <a href="/tagged/gifs:ryan park">Gifs</a>
  643. </div>
  644.  
  645.  
  646. </div>
  647.  
  648. <!-- CHARACTER PORTRAIT - 270X270 -->
  649.  
  650. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/cZXo5uibt/ryan.png');"></div>
  651.  
  652. </div>
  653.  
  654. <!-- CHARACTER BOX ENDS -->
  655.  
  656.  
  657. <!-- CHARACTER BOX BEGINS -->
  658. <div id="charbox">
  659. <div class="about">
  660.  
  661. <!-- LINKS -->
  662.  
  663. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/jJNo5ujhy/lucius2.png" /></div>
  664. <div class="name">Lucius "Luke" Barton</div>
  665.  
  666.  
  667.  
  668.  
  669. <div class="links">
  670. <a href="/lucius">Paras</a>
  671. <a href="/tagged/muse:lucius barton">Musings</a>
  672. <a href="/tagged/">OTP Tag</a>
  673. <a href="/tagged/aesthetic:lucius barton">Aesthetics</a>
  674. <a href="/tagged/meme:lucius">Memes</a>
  675. <a href="/tagged/fashion:lucius barton">Fashion</a>
  676. <a href="/tagged/outfit:lucius">Outfits</a>
  677. <a href="/tagged/playlist:lucius barton">Playlists</a>
  678. <a href="/tagged/mb:lucius barton">Moodboards</a>
  679. <a href="/tagged/gifs:lucius barton">Gifs</a>
  680. </div>
  681.  
  682.  
  683.  
  684. </div>
  685.  
  686. <!-- CHARACTER PORTRAIT - 270X270 -->
  687.  
  688. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/cxuo5uibk/lucius.png');"></div>
  689.  
  690. </div>
  691.  
  692. <!-- CHARACTER BOX ENDS -->
  693.  
  694.  
  695. <!-- CHARACTER BOX BEGINS -->
  696. <div id="charbox">
  697. <div class="about">
  698.  
  699. <!-- LINKS -->
  700.  
  701. <div class="headimg"><img src="http://static.tumblr.com/qxjwntd/a0yo5ujhn/damian2.png" /></div>
  702. <div class="name">Damian Munroe</div>
  703.  
  704.  
  705.  
  706.  
  707. <div class="links">
  708. <a href="/damian">Paras</a>
  709. <a href="/tagged/muse:damian munroe">Musings</a>
  710. <a href="/tagged/">OTP Tag</a>
  711. <a href="/tagged/aesthetic:damian munroe">Aesthetics</a>
  712. <a href="/tagged/meme:damian">Memes</a>
  713. <a href="/tagged/fashion:damian munroe">Fashion</a>
  714. <a href="/tagged/outfit:damian">Outfits</a>
  715. <a href="/tagged/playlist:damian munroe">Playlists</a>
  716. <a href="/tagged/mb:damian munroe">Moodboards</a>
  717. <a href="/tagged/gifs:damian munroe">Gifs</a>
  718. </div>
  719.  
  720.  
  721. </div>
  722.  
  723. <!-- CHARACTER PORTRAIT - 270X270 -->
  724.  
  725. <div class="img" style="background-image:url('http://static.tumblr.com/qxjwntd/lSSo5uibg/damian.png');"></div>
  726.  
  727. </div>
  728.  
  729. <!-- CHARACTER BOX ENDS -->
  730.  
  731.  
  732. <!--
  733. PASTE ALL CODES
  734. ABOVE THE </DIV>
  735. -->
  736.  
  737.  
  738.  
  739.  
  740.  
  741.  
  742.  
  743.  
  744.  
  745.  
  746. </div>
  747. </content>
  748. </middle>
  749. </body>
  750. </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!