API tools faq
paste
Advertisement
fatalst

about page

fatalst
May 23rd, 2016
903
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-- ***** FATALST'S ABOUT PAGE ***** -->
  6. <!-- ***** PLEASE DO NOT DELETE CREDIT ***** -->
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <title>{TITLE}</title>
  10. <link rel="alternate" type="application/rss+xml" href="{rss}">
  11.  
  12. <style type="text/css">
  13.  
  14. body{
  15. background-color: #ffffff;
  16. font-family: Helvetica, sans-serif;
  17. color: #888888;
  18. font-style: italic;
  19. text-align: center;
  20. }
  21.  
  22. a:link, a:visited{
  23. font-style: normal;
  24. color: #abdad4;
  25. text-decoration: none;
  26. }
  27.  
  28. a:hover, a:active{
  29. color: #def0ee;
  30. font-style: oblique;
  31. letter-spacing: 1.5px;
  32. }
  33.  
  34. #container{
  35. width: 550px;
  36. height: 450px;
  37. top: 20%;
  38. left: 30%;
  39. position: fixed;
  40. padding: 0px;
  41. }
  42.  
  43. #title{
  44. font-style: normal;
  45. width: 90px;
  46. height: 90px;
  47. background-color: #abdad4;
  48. padding: 15px;
  49. word-wrap: break-word;
  50. display: inline-block;
  51. margin: 0px;
  52. float: left;
  53. }
  54.  
  55. #navi{
  56. height: 100px;
  57. width: 405px;
  58. border: #def0ee solid 3px;
  59. padding: 7px;
  60. display: inline-block;
  61. margin: 0px;
  62. margin-left: 5px;
  63. float: left;
  64. }
  65.  
  66. h1{
  67. font-size: 40px;
  68. color: white;
  69. text-transform: uppercase;
  70. font-weight: normal;
  71. float: center;
  72. margin: 0px;
  73. }
  74.  
  75. #links{
  76. font-size: 14px;
  77. border: #def0ee solid 3px;
  78. text-transform: lowercase;
  79. margin: 0px;
  80. float: center;
  81. padding: 5px;
  82. }
  83.  
  84. #desc{
  85. font-size: 12px;
  86. padding: 5px;
  87. }
  88.  
  89. #details{
  90. height: 300px;
  91. width: 100px;
  92. padding: 7px;
  93. border: #def0ee solid 3px;
  94. display: inline-block;
  95. margin: 0px;
  96. margin-top: 5px;
  97. float: left;
  98. font-size: 12px;
  99. }
  100.  
  101. #pic{
  102. width: 100px;
  103. height: 100px;
  104. background-color: #abdad4;
  105. padding: 7px;
  106. display: inline-block;
  107. margin: 0px;
  108. margin-top: 5px;
  109. margin-left: 5px;
  110. float: left;
  111. }
  112.  
  113. img{
  114. width: 100px;
  115. height: 100px;
  116. }
  117.  
  118. #blogger{
  119. height: 100px;
  120. width: 290px;
  121. padding: 5px;
  122. border: #def0ee solid 3px;
  123. display: inline-block;
  124. margin: 0px;
  125. margin-top: 5px;
  126. margin-left: 5px;
  127. float: left;
  128. }
  129.  
  130. #bloggerdesc{
  131. font-size: 11px;
  132. padding: 10px;
  133. font-style: normal;
  134. }
  135.  
  136. #social{
  137. height: 183px;
  138. width: 100px;
  139. padding: 5px;
  140. border: #def0ee solid 3px;
  141. display: inline-block;
  142. margin: 0px;
  143. margin-top: 5px;
  144. margin-left: 5px;
  145. float: left;
  146. }
  147.  
  148. h3{
  149. font-style: normal;
  150. font-weight: normal;
  151. font-size: 14px;
  152. margin: 0px;
  153. margin-top: 20px;
  154. text-transform: uppercase;
  155. display: inline-block;
  156. }
  157.  
  158. #bio{
  159. height: 183px;
  160. width: 290px;
  161. padding: 7px;
  162. background-color: #abdad4;
  163. display: inline-block;
  164. margin: 0px;
  165. margin-top: 5px;
  166. margin-left: 5px;
  167. float: left;
  168. }
  169.  
  170. #biodesc{
  171. padding: 10px;
  172. color: #ffffff;
  173. font-size: 12px;
  174. width: 260px;
  175. height: 153px;
  176. margin: 5px;
  177. float: center;
  178. font-style: normal;
  179. position: relative;
  180. }
  181.  
  182. #biodesc a:link, #biodesc a:visited{
  183. color: #ffffff;
  184. }
  185.  
  186. b{
  187. text-transform: uppercase;
  188. }
  189.  
  190. i{
  191. text-transform: lowercase;
  192. letter-spacing: 2px;
  193. }
  194.  
  195. strike{
  196. letter-spacing: 1.5px;
  197. }
  198.  
  199. h2{
  200. font-size: 14px;
  201. border-bottom: #abdad4 1px solid;
  202. font-style: normal;
  203. font-weight: normal;
  204. text-transform: uppercase;
  205. margin: 0px;
  206. margin-top: 20px;
  207. letter-spacing: 1.5px;
  208. }
  209.  
  210. #punk{
  211. font-size: 8px;
  212. width: 25px;
  213. height: 25px;
  214. top: 97%;
  215. left: 1%;
  216. position: fixed;
  217. }
  218.  
  219. </style>
  220.  
  221. </head>
  222. <body>
  223.  
  224. <div id="container">
  225. <div id="title">
  226. <h1>about</h1>
  227. </div>
  228.  
  229. <div id="navi">
  230. <div id="links">
  231. <a href="/">home</a>
  232. <a href="/ask">mail</a>
  233. <a href="/">link</a>
  234. </div>
  235. <div id="desc">
  236. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dolor libero, fermentum eget faucibus sit amet, fringilla scelerisque velit. In ut nisi ac nisl malesuada tempus vitae non lorem. Vestibulum auctor semper tortor, at dictum diam commodo nec.
  237. </div>
  238. </div>
  239.  
  240. <div id="details">
  241. <h2>name</h2> lorem ipsum
  242. <h2>age</h2> lorem ipsum
  243. <h2>zodiac</h2> lorem ipsum
  244. <h2>house</h2> lorem ipsum
  245. <h2>mbti</h2> lorem ipsum
  246. </div>
  247.  
  248. <div id="pic">
  249. <img src="[IMG_URL]">
  250. </div>
  251.  
  252. <div id="blogger">
  253. <div id="bloggerdesc">
  254. lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dolor libero, fermentum eget faucibus sit amet, fringilla scelerisque velit. In ut nisi ac nisl malesuada tempus vitae non lorem. Vestibulum auctor
  255. </div>
  256. </div>
  257.  
  258. <div id="social">
  259. <h3><a href="/">link</a></h3>
  260. <h3><a href="/">link</a></h3>
  261. <h3><a href="/">link</a></h3>
  262. <h3><a href="/">link</a></h3>
  263. </div>
  264.  
  265. <div id="bio">
  266. <div id="biodesc">
  267. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dolor libero, fermentum eget faucibus sit amet, fringilla scelerisque velit. In ut nisi ac nisl malesuada tempus vitae non lorem. Vestibulum auctor semper tortor, at dictum diam commodo nec. Pellentesque varius hendrerit rutrum. Praesent eget eleifend quam. Integer vel erat nec ante volutpat rutrum. Nullam sodales eu mi ut egestas. In placerat odio at dolor tincidunt sagittis.
  268. </div>
  269. </div>
  270. </div>
  271.  
  272.  
  273. <!-- please don't touch this!! -->
  274. <div id="punk">
  275. <a href="https://www.fatalst.tumblr.com">&copy;</a>
  276. </div>
  277. </body>
  278. </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!