API tools faq
paste
mebuckner

Custom Order - Silverina

mebuckner
Aug 3rd, 2020 (edited)
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 36.68 KB | None | 0 0
raw download clone embed print report
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap');
  5.  
  6. body {
  7. background-color:#e1c2b0;
  8. background-repeat:no-repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-size:cover;
  13. background-image:url('https://i.imgur.com/zeNdafy.png');
  14. }
  15.  
  16. h1{
  17. color: #fff;
  18. margin: 0;
  19. background: #a98781;
  20. padding: 5px;
  21. text-align: center;
  22. margin-bottom: 5px;
  23. }
  24.  
  25. h2{
  26. color: #fff;
  27. margin: 0;
  28. background: #a98781;
  29. padding: 5px;
  30. text-align: center;
  31. margin-bottom: 5px;
  32. font-size:12px;
  33. }
  34.  
  35. b{
  36. background: #a98781;
  37. color: #fff;
  38. padding: 4px;
  39. line-height: 23px;
  40. }
  41.  
  42. a.bottomTabLinks:link, a.bottomTabLinks:visited {
  43. background-color: #b2bbca;
  44. color: #fff;
  45. padding: 14px 25px;
  46. text-align: center;
  47. text-decoration: none;
  48. width:150px;
  49. text-transform:uppercase;
  50. font-family:Georgia;
  51. font-size:12px;
  52. letter-spacing:2px;
  53. display:block;
  54. }
  55.  
  56. a.bottomTabLinks:hover, a.bottomTabLinks:active {
  57. background-color: #a98781;
  58. }
  59.  
  60. .topNavigationBar{
  61. width: 880px;
  62. height: 20px;
  63. background: #b2bbca;
  64. text-align: right;
  65. padding: 10px;
  66. }
  67.  
  68. a:link, a:active, a:visited {
  69. color: #fff;
  70. font-family: Georgia;
  71. text-transform: uppercase;
  72. margin-right: 67px;
  73. font-size: 12px;
  74. }
  75.  
  76. a:hover{
  77. text-decoration:none;
  78. color:#b2bbca;
  79. }
  80.  
  81. table, tr, td, li, p, div, .profileInfo td.text {
  82. color: #000;
  83. font-family: Georgia;
  84. }
  85.  
  86. .container {
  87. width:900px;
  88. height:619px;
  89. position:absolute;
  90. left:0;
  91. right:0;
  92. top:0;
  93. bottom:0;
  94. overflow:hidden;
  95. margin:auto;
  96. color:#fff;
  97. background-color:#ededeb;
  98. font-family: 'Abel', sans-serif;
  99. border:solid 5px #b2bbca;
  100. }
  101.  
  102. .pictureBorder{
  103. margin-top: 16px;
  104. border: solid 5px #b2bbca;
  105. width: 290px;
  106. }
  107.  
  108. #pack{
  109. display:none;
  110. }
  111.  
  112. #pack:target{
  113. display:block;
  114. margin-left: 2px;
  115. width: 695px;
  116. height: 150px;
  117. background: #ededeb;
  118. display: inline-block;
  119. vertical-align: top;
  120. }
  121.  
  122.  
  123. #li{
  124. display:none;
  125. }
  126.  
  127. #li:target{
  128. margin-left: 2px;
  129. width: 695px;
  130. height: 150px;
  131. background: #ededeb;
  132. display: inline-block;
  133. vertical-align: top;
  134. }
  135.  
  136. #cc{
  137. display:none;
  138. }
  139.  
  140. #cc:target{
  141. margin-left: 2px;
  142. width: 695px;
  143. height: 150px;
  144. background: #ededeb;
  145. display: inline-block;
  146. vertical-align: top;
  147. }
  148.  
  149.  
  150.  
  151. .wrapper {
  152. width: 600px;
  153. margin: 0 auto;
  154. display: inline-block;
  155. vertical-align: top;
  156. margin-top: -6px;
  157. }
  158.  
  159. .tabs {
  160. position: relative;
  161. height: 201px;
  162. }
  163. .tabs::before,
  164. .tabs::after {
  165. content: "";
  166. display: table;
  167. }
  168. .tabs::after {
  169. clear: both;
  170. }
  171. .tab {
  172. float: left;
  173. }
  174. .tab-switch {
  175. display: none;
  176. }
  177. .tab-label {
  178. position: relative;
  179. display: block;
  180. line-height: 13px;
  181. font-size: 12px;
  182. height: 23px;
  183. padding: 6px;
  184. background: #a98781;
  185. border-right: 2px solid #ededeb;
  186. color: #ededeb;
  187. cursor: pointer;
  188. top: 0;
  189. transition: all 0.25s;
  190. width: 182px;
  191. }
  192. .tab-label:hover {
  193.   top: -0.25rem;
  194.   transition: top 0.25s;
  195. }
  196. .tab-content {
  197. height: 117px;
  198. position: absolute;
  199. z-index: 1;
  200. top: 2.75em;
  201. left: 0;
  202. padding: 20px;
  203. background: #ededeb;
  204. color: #232323;
  205. opacity: 0;
  206. transition: all 0.35s;
  207. overflow: auto;
  208. text-align:justify;
  209. border: solid 5px #a98781;
  210. width: 547px;
  211. }
  212. .tab-switch:checked + .tab-label {
  213. background: #fff;
  214. color: #7b5037;
  215. border-bottom: 0;
  216. border-right: 13px solid #fff;
  217. transition: all 0.35s;
  218. z-index: 1;
  219. top: -0.0625rem;
  220. }
  221. .tab-switch:checked + label + .tab-content {
  222.   z-index: 2;
  223.   opacity: 1;
  224.   transition: all 0.35s;
  225. }
  226.  
  227. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#ededeb; border-top:10px solid #b2bbca; border-bottom:10px solid #b2bbca;}
  228. ::-webkit-scrollbar-thumb:horizontal {background-color:#ededeb;}
  229. ::-webkit-scrollbar {width:5px; height:7px;}
  230.  
  231.  
  232. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  233. </style>
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241. <!--like to meet-->
  242. <html>
  243. <body>
  244. <div class="container">
  245. <div class="topNavigationBar">
  246. <a href="">home</a> <a href="">message</a> <a href="">comment</a> <a href="">gallery</a> <a href="" style="margin-right:5px;">stream</a>
  247. </div>
  248. <img src="https://i.imgur.com/6UdQ9H0.png">
  249. <div style="display:inline-block; height:222px; width:297px; vertical-align:top;">
  250. <img src="https://i.imgur.com/Z7C4Bdf.png">
  251. <div style="height: 60px; padding: 5px; width: 129px; display: inline-block; vertical-align: top; margin-left: 5px; overflow: auto;">
  252. <b>DISPLAY NAME:</b> Silverina<br>
  253. <b>NAME:</b> Seraphina Nerys Cassiel<br>
  254. <b>ALIAS:</b> Sera<br>
  255. <b>GENDER:</b> Female<br>
  256. <b>DATE OF BIRTH:</b> Born in 1303.<br>
  257. <b>AGE:</b> 717 years old.<br>
  258. <b>SPECIES:</b> Pure-blood Lycan.<br>
  259. <b>WOLF FORM:</b> White Wolf.<br>
  260. <b>MOTHER:</b> Nerys Cassiel (Deceased)<br>
  261. <b>FATHER:</b> Lucian (Alive)<br>
  262. <b>SISTER:</b> Alysanne Cassiel (Deceased)<br>
  263. <b>BLOODLINE:</b> Cassiel Bloodline<br>
  264. <b>ALLEGIANCE:</b> New World Lycan Council or High Lycan Pack. Members are affiliated to both the HLC & New York Pack.<br>
  265. <b>ROLE:</b> Lucian's Beta & Alpha Heir of the HLC | Alpha of the New York Pack.<br>
  266. <b>LEAD PACK:</b> Lucian (High Alpha), Geralt (Delta & Lead Warrior), Gabriel (Sera's Beta), Everleigh (Lead Hunter), Apollo (Lead Healer).<br>
  267. <b>NY PACK MEMBERS:</b> Isabel, Stefano, Jelina, Bastien, Danika, Leo, Theodora, & Nikolina. (+ 5 Boys & 4 Girls to come from 6th Gen.)<br>
  268. <b>DESCENDANTS:</b> Alayne Drake-DiMira (4th Gen - Deceased), Rowan Cassiel (5th Gen - Deceased), Jazmin DiMira (5th Gen - Deceased), Lyana DiMira (5th Gen - Deceased). Everyone after the 5th Generation Cassiel & DiMira Bloodlines.
  269. </div><br>
  270.  
  271.  
  272. <div style="height: 60px; padding: 5px; width: 129px; display: inline-block; vertical-align: top; margin-right: 5px; overflow: auto;">
  273. <h2>lore</h2>
  274. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here. Lore information will go here.
  275. </div>
  276. <img src="https://i.imgur.com/GAgjKt8.png" style="margin-top:5px;">
  277. <br>
  278.  
  279.  
  280.  
  281. <img src="https://i.imgur.com/Kjr0CPF.png" style="margin-top:5px;">
  282.  
  283. <div style="height: 60px; padding: 5px; width: 129px; display: inline-block; vertical-align: top; margin-left: 5px; overflow: auto;">
  284. <h2>lycan roles</h2>
  285. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here. Lycan Roles will go here.
  286. </div>
  287.  
  288.  
  289. </div>
  290. <div style="width:600px; text-align:center; margin-left:2px; display:inline-block;">
  291. <div class="wrapper">
  292. <div class="tabs">
  293. <div class="tab">
  294. <input type="radio" name="css-tabs" id="tab-1" checked class="tab-switch">
  295. <label for="tab-1" class="tab-label">Chapter One</label>
  296. <div class="tab-content">
  297. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  298.  
  299. </div>
  300. </div>
  301.  
  302. <div class="tab">
  303. <input type="radio" name="css-tabs" id="tab-2" class="tab-switch">
  304. <label for="tab-2" class="tab-label">Chapter Two</label>
  305. <div class="tab-content">
  306. second Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  307.  
  308. </div>
  309. </div>
  310. <div class="tab">
  311. <input type="radio" name="css-tabs" id="tab-3" class="tab-switch">
  312. <label for="tab-3" class="tab-label">Chapter Three</label>
  313. <div class="tab-content">
  314. third Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Massa placerat duis ultricies lacus. Platea dictumst vestibulum rhoncus est pellentesque. Tempor id eu nisl nunc mi ipsum faucibus vitae. Ut aliquam purus sit amet luctus. Gravida arcu ac tortor dignissim convallis aenean et. Morbi tristique senectus et netus et malesuada fames ac. Nibh praesent tristique magna sit amet purus gravida quis. Duis at consectetur lorem donec massa sapien faucibus et molestie. Magna fringilla urna porttitor rhoncus. Etiam sit amet nisl purus in mollis nunc sed. Facilisi etiam dignissim diam quis enim lobortis. Cras semper auctor neque vitae tempus quam pellentesque. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ultrices vitae auctor eu augue ut lectus. Sit amet risus nullam eget felis eget nunc lobortis mattis. Elementum curabitur vitae nunc sed velit dignissim sodales. Vitae congue eu consequat ac felis donec et.
  315.  
  316. </div>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321. <div style="display:inline-block; height:199px; width:295px; vertical-align:top;">
  322. <img src="https://i.imgur.com/t8Kqun6.png" style="margin-top:5px;">
  323. <div style="width:285px; height:84px; vertical-align:top;padding:5px; overflow:auto;">
  324. <h2>The Lycan Pack</h2>
  325. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here. Write about the pack here.
  326. </div>
  327. </div>
  328.  
  329.  
  330.  
  331. <div style="width:900px; background-image:url('https://i.imgur.com/7ZXKsP8.png'); height:150px;">
  332.  
  333. <div style="width: 200px; height: 149px; display: inline-block;">
  334. <a href="#pack" class="bottomTabLinks">Pack Members</a>
  335. <a href="#li" class="bottomTabLinks" style="margin-top:5px;">Love Interest</a>
  336. <a href="#cc" class="bottomTabLinks" style="margin-top:5px;">Current connections</a>
  337. </div>
  338. <div id="pack">
  339.  
  340. <div style="width: 472px; height: 130px; background: #fff; vertical-align: top; display: inline-block; padding: 10px; overflow:auto; text-align:justify;">
  341. <h1>Pack Member Name</h1>
  342. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here.
  343.  
  344. <h1>Pack Member Name</h1>
  345. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here.
  346.  
  347. <h1>Pack Member Name</h1>
  348. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here.
  349.  
  350. <h1>Pack Member Name</h1>
  351. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here.
  352.  
  353. <h1>Pack Member Name</h1>
  354. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here. about the pack member here.
  355. </div>
  356. <img src="https://i.imgur.com/v2XvWhE.png">
  357. </div>
  358.  
  359. <div id="li">
  360.  
  361. <div style="width: 472px; height: 130px; background: #fff; vertical-align: top; display: inline-block; padding: 10px; overflow:auto; text-align:justify;">
  362. <h1>Love Interest Section</h1>
  363. <b style="background-color:#b2bbca;">Status:</b> here
  364. <br>
  365. <b style="background-color:#b2bbca;">Since When:</b> here
  366. <br>
  367. <b style="background-color:#b2bbca;">To Whom:</b> here
  368. <br>
  369. <b style="background-color:#b2bbca;">Comments:</b>
  370. <br>
  371. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here. comments will go here.
  372. </div>
  373. <img src="https://i.imgur.com/1SzKTus.png">
  374. </div>
  375.  
  376. <div id="cc">
  377.  
  378. <div style="width: 472px; height: 130px; background: #fff; vertical-align: top; display: inline-block; padding: 10px; overflow:auto; text-align:justify;">
  379. <h1>Connection Name</h1>
  380. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here.
  381. <h1>Connection Name</h1>
  382. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here.
  383. <h1>Connection Name</h1>
  384. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here.
  385. <h1>Connection Name</h1>
  386. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here.
  387. <h1>Connection Name</h1>
  388. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here. about the connection or storyline here.
  389.  
  390. </div>
  391. <img src="https://i.imgur.com/kmq1G9D.png">
  392. </div>
  393.  
  394. </div>
  395.  
  396.  
  397.  
  398.  
  399. </div>
  400. </body>
  401. </html>
  402.  
Add Comment
Please, Sign In to add comment
Public Pastes
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!