Advertisement
wickedxcurve

H. Cooper Layout.

Jan 1st, 2020
295
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.26 KB | None | 0 0
  1. Headliner -- <FONT FACE="algerian">If you saw Atlas, the giant who holds the world on his shoulders, if you saw that he stood, blood running down his chest, his knees buckling, his arms trembling but still trying to hold the world aloft. </FONT><font style="display:no
  2.  
  3. About Me -- <body oncontextmenu="return false" ondragstart="return false;">
  4. <style type="text/css">
  5.  
  6. .COEUR DE FEU { This code was made by DAMNEDEST CREATIONS. Stealing will result in harsh consequences. - www.roleplayer.me/damnedestcreations }
  7.  
  8. .COEUR DE FEU { Background Properties }
  9.  
  10. body{
  11. background-color:#101010!important;
  12. background-image:url('');
  13. background-attachment:fixed;
  14. background-repeat: repeat;
  15. background-position:center;
  16. }
  17.  
  18. ::-webkit-scrollbar-thumb:vertical {
  19. background-color: #101010;
  20. height: 7px;
  21. }
  22.  
  23. ::-webkit-scrollbar {
  24. background-color: #161616;
  25. border: 2px solid #161616;
  26. height:5px;
  27. width:5px;
  28. }
  29.  
  30.  
  31. .COEUR DE FEU { Text Properties }
  32.  
  33.  
  34. table, tr, td, li, p, div {
  35. font-family:Garamond;
  36. color:626262;
  37. font-size:11px;
  38. -webkit-touch-callout: none;
  39. -webkit-user-select: none;
  40. -khtml-user-select: none;
  41. -moz-user-select: none;
  42. -ms-user-select: none;
  43. user-select: none;
  44. text-rendering: optimizeLegibility;
  45. }
  46.  
  47. small {
  48. font-family:georgia;
  49. font-size:9px;
  50. line-height:11px;
  51. text-transform:lowercase;
  52. font-style:italic;
  53. padding:20px;
  54. color:626262;
  55. background-color:transparent;
  56. letter-spacing:1px;
  57. text-decoration:none;
  58. }
  59.  
  60. b {
  61. color:e3d3ca;
  62. font-family:calibri;
  63. font-size: 9px;
  64. font-weight:normal;
  65. text-transform:uppercase;
  66. letter-spacing: 1px;
  67. }
  68.  
  69. b2 {
  70. color:#888;
  71. font-family:georgia;
  72. font-size: 9px;
  73. font-weight:normal;
  74. text-transform:uppercase;
  75. letter-spacing: 1px;
  76. }
  77.  
  78. i {
  79. font-weight:italics;
  80. text-transform:normal;
  81. background-color:transparent;
  82. color:626262;
  83. letter-spacing:0px;
  84. font-family:times new roman;
  85. font-size:10px;
  86. }
  87.  
  88. hr {
  89. display: block;
  90. margin-top: 10px;
  91. margin-bottom: 10px;
  92. margin-left: auto;
  93. margin-right: auto;
  94. opacity:0.2;
  95. width:80%;
  96. border-style: inset;
  97. border-width: 1px;
  98. }
  99.  
  100. u {
  101. font-family:georgia;
  102. font-size:9px;
  103. text-transform:normal;
  104. color:646464;
  105. letter-spacing:0px;
  106. text-decoration:underline;
  107. border-bottom:0px solid;
  108. border-color:555555;
  109. }
  110.  
  111. blockquote {
  112. display:block;
  113. text-align:justify;
  114. font-family:cambria;
  115. color:333333;
  116. font-size:10px;
  117. text-transform:normal;
  118. letter-spacing:0px;
  119. padding:5px;
  120. background-color:101010;
  121. }
  122.  
  123. big {
  124. font-family: georgia;
  125. font-size: 15px;
  126. color: #434343;
  127. line-height: 5px!important;
  128. letter-spacing: 3px!important;
  129. text-align: center!important;
  130. font-style: none!important;
  131. border-right:40px solid;
  132. border-left:40px solid;
  133. border-color:232527;
  134. margin-left:5px!important;
  135. margin-right:5px!important;
  136. margin-top:10px!important;
  137. margin-bottom:10px!important;
  138. background-color: #transparent!important;
  139. font-weight: lighter!important;
  140. text-transform: uppercase!important;
  141. display: block!important;
  142. }
  143.  
  144.  
  145. .COEUR DE FEU { Header Properties }
  146.  
  147. h1 {
  148. font-family: times new roman;
  149. font-size: 8px;
  150. color: e7dad2;
  151. font-weight:lighter;
  152. text-transform: uppercase;
  153. text-align:center;
  154. letter-spacing: 1px;
  155. line-height:8px;
  156. display: block;
  157. padding-right:5px;
  158. border-right:40px solid;
  159. border-color:232527;
  160. background-color: transparent;
  161. margin: 5px;
  162. }
  163.  
  164. h2 {
  165. font-family: times new roman;
  166. font-size: 8px;
  167. font-weight:lighter;
  168. color: e7dad2;
  169. text-transform: uppercase;
  170. text-align:center;
  171. padding-left:5px;
  172. letter-spacing: 2px;
  173. line-height:8px;
  174. display: block;
  175. border-left:40px solid;
  176. border-color:232527;
  177. background-color: transparent;
  178. margin: 5px;
  179. }
  180.  
  181. h3 {
  182. font-family: georgia;
  183. font-size: 8px;
  184. color: #434343;
  185. line-height: 20px!important;
  186. letter-spacing: 1px!important;
  187. text-align: center!important;
  188. font-style: none!important;
  189. border:1px solid;
  190. border-color:161616;
  191. margin:5px!important;
  192. background-color: #transparent!important;
  193. font-weight: lighter!important;
  194. text-transform: uppercase!important;
  195. display: block!important;
  196. }
  197.  
  198. h4 {
  199. font-family:times;
  200. font-size: 10px;
  201. font-weight:normal;
  202. font-style:none;
  203. color:ffffff;
  204. text-transform:uppercase;
  205. text-align:center;
  206. letter-spacing: 2px;
  207. line-height: 15px;
  208. display: block;
  209. background-color:161616;
  210. margin:0px;
  211. }
  212.  
  213. h5 {
  214. font-family: georgia;
  215. font-size: 9px;
  216. color: #434343;
  217. line-height: 5px!important;
  218. letter-spacing: 1px!important;
  219. text-align: center!important;
  220. font-style: none!important;
  221. border-right:30px solid;
  222. border-left:30px solid;
  223. border-color:232527;
  224. margin:5px!important;
  225. background-color: #transparent!important;
  226. font-weight: lighter!important;
  227. text-transform: uppercase!important;
  228. display: block!important;
  229. }
  230.  
  231. h6 {
  232. font-family:georgia;
  233. font-size:25px;
  234. letter-spacing:2px;
  235. text-align:center;
  236. display:block;
  237. text-transform:uppercase;
  238. color:3d4043;
  239. background-color:transparent;
  240. font-weight:normal;
  241. margin:0px;
  242. }
  243.  
  244.  
  245. .COEUR DE FEU { Link Properties }
  246.  
  247.  
  248. a:active, a:visited, a:link {
  249. font-family:Garamond;
  250. font-size:10px;
  251. text-transform:uppercase;
  252. line-height:10px;
  253. border-bottom:none;
  254. border-color:none;
  255. text-decoration:none;
  256. font-weight:normal;
  257. color:333333;
  258. letter-spacing:0px;
  259. -webkit-transition: all 0.8s ease-out;
  260. -moz-transition: all 0.8s ease-out;}
  261.  
  262. a:hover {
  263. text-transform:uppercase;
  264. color:747272;
  265. -webkit-transition: all 0.8s ease-out;
  266. -moz-transition: all 0.8s ease-out;}
  267.  
  268.  
  269. a.first, a.first:link, a.first:active, a.first:visited {
  270. font-family:times new roman;
  271. font-size:7px;
  272. line-height:10pt;
  273. letter-spacing:0px;
  274. color:797979;
  275. text-transform:uppercase;
  276. background-color:transparent;
  277. text-align:center;
  278. display:block;
  279. border-bottom:1px solid;
  280. border-color:161212;
  281. margin-bottom:0px;
  282. -webkit-transition: all 0.4s ease-out;
  283. -moz-transition: all 0.4s ease-out;
  284. }
  285.  
  286. a.first:hover {
  287. color:333333;
  288. background-color:transparent;
  289. text-align:center;
  290. letter-spacing:1px;
  291. margin-bottom:0px;
  292. -webkit-transition: all 0.6s ease-out;
  293. -moz-transition: all 0.6s ease-out;
  294. }
  295.  
  296. a.second, a.second:link, a.second:active, a.second:visited {
  297. font-family:times new roman;
  298. font-size:7px;
  299. line-height:12px;
  300. letter-spacing:1px;
  301. font-weight: normal;
  302. color: 333333;
  303. text-decoration:none;
  304. text-transform:uppercase;
  305. letter-spacing:0px;
  306. background-color:fafafa;
  307. padding-right:10px;
  308. text-align: right;
  309. display:block;
  310. margin-bottom:1px;
  311. -webkit-transition: all 0.6s ease-out;
  312. -moz-transition: all 0.6s ease-out;
  313. }
  314.  
  315. a.second:hover {
  316. font-weight:normal;
  317. color:626262;
  318. text-decoration:none;
  319. background-color: transparent;
  320. display:block;
  321. margin-bottom:1px;
  322. -webkit-transition: all 0.4s ease-out;
  323. -moz-transition: all 0.4s ease-out;
  324. }
  325.  
  326.  
  327. a.content, a.content:link, a.content:active, a.content:visited {
  328. font-family:times;
  329. font-size:7px;
  330. letter-spacing:1px;
  331. line-height:20px;
  332. color:fafafa;
  333. text-transform:uppercase;
  334. width:75px;
  335. background-color:161616;
  336. text-align:center;
  337. display:inline-block;
  338. margin-top:5px!important;
  339. margin-bottom:5px!important;
  340. margin-left:5px!important;
  341. margin-right:5px!important;
  342. -webkit-transition: all 0.4s ease-out;
  343. -moz-transition: all 0.4s ease-out;
  344. }
  345.  
  346. a.content:hover {
  347. color:626262;
  348. background-color:transparent;
  349. text-align:center;
  350. display:inline-block;
  351. margin-bottom:1px;
  352. -webkit-transition: all 0.6s ease-out;
  353. -moz-transition: all 0.6s ease-out;
  354. }
  355.  
  356. a.nav, a.nav:link, a.nav:active, a.nav:visited {
  357. font-family:times;
  358. font-size:10px;
  359. line-height:15px;
  360. color:000000;
  361. text-transform:lowercase;
  362. width:20px;
  363. background-color:transparent;
  364. text-align:center;
  365. display:inline-block;
  366. margin-bottom:1px;
  367. -webkit-transition: all 0.4s ease-out;
  368. -moz-transition: all 0.4s ease-out;
  369. }
  370.  
  371. a.nav:hover {
  372. color:333333;
  373. background-color:transparent;
  374. text-align:center;
  375. width:20px;
  376. display:inline-block;
  377. margin-bottom:1px;
  378. -webkit-transition: all 0.6s ease-out;
  379. -moz-transition: all 0.6s ease-out;
  380. }
  381.  
  382. .COEUR DE FEU { Hover Box Properties }
  383.  
  384. #dcPan1 {
  385. background-color: 101010;
  386. width: 350px;
  387. height: 170px;
  388. overflow: hidden;
  389. }
  390.  
  391. #dcPan1a {
  392. background-color: 101010;
  393. width: 340px;
  394. height: 160px;
  395. padding: 5px;
  396. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  397. filter: alpha(opacity=0);
  398. opacity: 0;
  399. overflow: hidden;
  400. -webkit-transition: all 0.6s ease-out;
  401. -moz-transition: all 0.6s ease-out;
  402. -ms-transition: all 0.6s ease-out;
  403. -o-transition: all 0.6s ease-out;
  404. transition: all 0.6s ease-out;
  405. }
  406.  
  407. #dcPan1a:hover {
  408. overflow: auto;
  409. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  410. filter: alpha(opacity=100);
  411. opacity: 1;
  412. }
  413.  
  414. #dcPan2 {
  415. background-color: 101010;
  416. width: 350px;
  417. height: 190px;
  418. overflow: hidden;
  419. }
  420.  
  421. #dcPan2a {
  422. background-color: 101010;
  423. width: 340px;
  424. height: 180px;
  425. padding: 5px;
  426. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  427. filter: alpha(opacity=0);
  428. opacity: 0;
  429. overflow: hidden;
  430. -webkit-transition: all 0.6s ease-out;
  431. -moz-transition: all 0.6s ease-out;
  432. -ms-transition: all 0.6s ease-out;
  433. -o-transition: all 0.6s ease-out;
  434. transition: all 0.6s ease-out;
  435. }
  436.  
  437. #dcPan2a:hover {
  438. overflow: auto;
  439. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  440. filter: alpha(opacity=100);
  441. opacity: 1;
  442. }
  443.  
  444. #dcPan3 {
  445. background-color: 101010;
  446. width: 550px;
  447. height: 210px;
  448. overflow: hidden;
  449. }
  450.  
  451. #dcPan3a {
  452. background-color: 101010;
  453. width: 540px;
  454. height: 200px;
  455. padding: 5px;
  456. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  457. filter: alpha(opacity=0);
  458. opacity: 0;
  459. overflow: hidden;
  460. -webkit-transition: all 0.6s ease-out;
  461. -moz-transition: all 0.6s ease-out;
  462. -ms-transition: all 0.6s ease-out;
  463. -o-transition: all 0.6s ease-out;
  464. transition: all 0.6s ease-out;
  465. }
  466.  
  467. #dcPan3a:hover {
  468. overflow: auto;
  469. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  470. filter: alpha(opacity=100);
  471. opacity: 1;
  472. }
  473.  
  474. .COEUR DE FEU { Module Properties }
  475.  
  476.  
  477. .contain{left:50%;margin-left:-400px;top:130px;position:absolute;z-index:0;background-color:#;visibility:visible}
  478.  
  479. .mpd1{
  480. width:550px;
  481. height:310px;
  482. position:absolute;
  483. top:-120px;
  484. left:-120px;
  485. z-index:1;
  486. border:1px solid;
  487. border-color:#363636;
  488. background-color:#101010;
  489. text-decoration:none;
  490. }
  491.  
  492. .mpd2{
  493. width:210px;
  494. height:85px;
  495. position:absolute;
  496. padding:5px;
  497. top:80px;
  498. text-align:justify;
  499. left:-90px;
  500. z-index:1;
  501. border:0px solid;
  502. border-color:161616, 0.2;
  503. background-image:url('');
  504. background-color:transparent;
  505. text-decoration:none;
  506. }
  507.  
  508. .mpd3{
  509. width:550px;
  510. height:30px;
  511. position:absolute;
  512. top:195px;
  513. left:-120px;
  514. z-index:1;
  515. border:1px solid;
  516. border-color:#363636;
  517. background-color:#101010;
  518. text-decoration:none;
  519. }
  520.  
  521. .mpd4{
  522. width:300px;
  523. height:200px;
  524. position:absolute;
  525. top:230px;
  526. left:-120px;
  527. z-index:1;
  528. border:1px solid;
  529. border-color:#363636;
  530. background-color:#101010;
  531. text-decoration:none;
  532. }
  533.  
  534. .mpd5{
  535. width:245px;
  536. height:200px;
  537. position:absolute;
  538. top:230px;
  539. left:185px;
  540. z-index:1;
  541. border:1px solid;
  542. border-color:#363636;
  543. background-color:#101010;
  544. text-decoration:none;
  545. }
  546.  
  547.  
  548.  
  549. .mpd6{
  550. width:350px;
  551. height:60px;
  552. position:absolute;
  553. top:-120px;
  554. left:435px;
  555. z-index:1;
  556. border:1px solid;
  557. border-color:#363636;
  558. background-color:#101010;
  559. text-decoration:none;
  560. }
  561.  
  562. .mpd7{
  563. width:350px;
  564. height:120px;
  565. position:absolute;
  566. top:-55px;
  567. left:435px;
  568. z-index:1;
  569. border:1px solid;
  570. border-color:#363636;
  571. background-color:#101010;
  572. text-decoration:none;
  573. }
  574.  
  575. .mpd8{
  576. width:350px;
  577. height:170px;
  578. position:absolute;
  579. top:70px;
  580. left:435px;
  581. z-index:1;
  582. border:1px solid;
  583. border-color:#363636;
  584. background-color:#101010;
  585. text-decoration:none;
  586. }
  587.  
  588. .mpd9{
  589. width:350px;
  590. height:120px;
  591. position:absolute;
  592. top:245px;
  593. left:435px;
  594. z-index:1;
  595. border:1px solid;
  596. border-color:#363636;
  597. background-color:#101010;
  598. text-decoration:none;
  599. }
  600.  
  601. .mpd10{
  602. width:350px;
  603. height:60px;
  604. position:absolute;
  605. top:370px;
  606. left:435px;
  607. z-index:1;
  608. border:1px solid;
  609. border-color:#363636;
  610. background-color:#101010;
  611. text-decoration:none;
  612. }
  613.  
  614.  
  615. .mpd11 {
  616. width: 550px;
  617. height: 100px;
  618. position: absolute;
  619. top: 435px;
  620. left: -120px;
  621. z-index: 1;
  622. border: 1px solid;
  623. border-color:#363636;
  624. background-color:#101010;
  625. text-decoration: none;
  626. }
  627.  
  628. .mpd12 {
  629. width: 380px;
  630. height: 190px;
  631. position: absolute;
  632. top: 540px;
  633. left: -120px;
  634. z-index: 1;
  635. border: 1px solid;
  636. border-color:#363636;
  637. background-color:#101010;
  638. text-decoration: none;
  639. }
  640.  
  641. .mpd13 {
  642. width: 165px;
  643. height: 190px;
  644. position: absolute;
  645. top: 540px;
  646. left: 265px;
  647. z-index: 1;
  648. border: 1px solid;
  649. border-color:#363636;
  650. background-color:#101010;
  651. text-decoration: none;
  652. }
  653.  
  654. .mpd14 {
  655. width: 350px;
  656. height: 100px;
  657. position: absolute;
  658. top: 435px;
  659. left: 435px;
  660. z-index: 1;
  661. border: 1px solid;
  662. border-color:#363636;
  663. background-color:#101010;
  664. text-decoration: none;
  665. }
  666.  
  667. .mpd15 {
  668. width: 350px;
  669. height: 125px;
  670. position: absolute;
  671. top: 540px;
  672. left: 435px;
  673. z-index: 1;
  674. border: 1px solid;
  675. border-color:#363636;
  676. background-color:#101010;
  677. text-decoration: none;
  678. }
  679.  
  680. .mpd16 {
  681. width: 350px;
  682. height: 60px;
  683. position: absolute;
  684. top: 670px;
  685. left: 435px;
  686. z-index: 1;
  687. border: 1px solid;
  688. border-color:#363636;
  689. background-color:#101010;
  690. text-decoration: none;
  691. }
  692.  
  693. .mpd17 {
  694. width: 550px;
  695. height: 100px;
  696. position: absolute;
  697. top: 735px;
  698. left: -120px;
  699. z-index: 1;
  700. border: 1px solid;
  701. border-color:#363636;
  702. background-color:#101010;
  703. text-decoration: none;
  704. }
  705.  
  706. .mpd18 {
  707. width: 180px;
  708. height: 210px;
  709. position: absolute;
  710. top: 840px;
  711. left: -120px;
  712. z-index: 1;
  713. border: 1px solid;
  714. border-color:#363636;
  715. background-color:#101010;
  716. text-decoration: none;
  717. }
  718.  
  719. .mpd19 {
  720. width: 180px;
  721. height: 210px;
  722. position: absolute;
  723. top: 840px;
  724. left: 65px;
  725. z-index: 1;
  726. border: 1px solid;
  727. border-color:#363636;
  728. background-color:#101010;
  729. text-decoration: none;
  730. }
  731.  
  732. .mpd20 {
  733. width: 180px;
  734. height: 210px;
  735. position: absolute;
  736. top: 840px;
  737. left: 250px;
  738. z-index: 1;
  739. border: 1px solid;
  740. border-color:#363636;
  741. background-color:#101010;
  742. text-decoration: none;
  743. }
  744.  
  745. .mpd21 {
  746. width: 350px;
  747. height: 190px;
  748. position: absolute;
  749. top: 735px;
  750. left: 435px;
  751. z-index: 1;
  752. border: 1px solid;
  753. border-color:#363636;
  754. background-color:#101010;
  755. text-decoration: none;
  756. }
  757.  
  758. .mpd22 {
  759. width: 350px;
  760. height: 60px;
  761. position: absolute;
  762. top: 930px;
  763. left: 435px;
  764. z-index: 1;
  765. border: 1px solid;
  766. border-color:#363636;
  767. background-color:#101010;
  768. text-decoration: none;
  769. }
  770.  
  771. .mpd23 {
  772. width: 550px;
  773. height: 210px;
  774. position: absolute;
  775. top: 1055px;
  776. left: -120px;
  777. z-index: 1;
  778. border: 1px solid;
  779. border-color:#363636;
  780. background-color:#101010;
  781. text-decoration: none;
  782. }
  783.  
  784. .mpd24 {
  785. width: 350px;
  786. height: 270px;
  787. position: absolute;
  788. top: 995px;
  789. left: 435px;
  790. z-index: 1;
  791. border: 1px solid;
  792. border-color:#363636;
  793. background-color:#101010;
  794. text-decoration: none;
  795. }
  796.  
  797.  
  798. .COEUR DE FEU { Hiding Properties }
  799.  
  800.  
  801. .contacttable, .friendsComments, .friendSpace, .profileinfo, .latestBlogEntry, .interestsAndDetails, .extendedNetwork, .userProfileDetail {display:none}
  802. table,tr,td {background:transparent}
  803.  
  804. <style type="text/css">
  805. body div table tbody tr td font {visibility:hidden;}
  806. .navbar {visibility:visible;}
  807. .navbar font {visibility:hidden;}
  808. </style>
  809.  
  810. <style>
  811. .profile * { display: none !important; }
  812. div[id="googlebar"] { background: none !important; }
  813. </style>
  814.  
  815. <style>
  816. .hidenav {display:none}
  817. div.profileWidth {margin-top: -30px !important;}
  818. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  819. div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999}
  820. div.profileWidth div.clearfix {position:relative; top:30px}
  821. </style>
  822.  
  823. <style>
  824. a.text, table font a, table {visibility:hidden;}
  825. </style>
  826.  
  827.  
  828. Like To Meet -- <div class="contain">
  829.  
  830.  
  831. <div class="mpd1">
  832. <img src="https://i.imgur.com/CpIulYi.png">
  833. </div>
  834.  
  835. <div class="mpd2">
  836. <div style="color:ab958a;overflow:auto;text-align:center;width:200px; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:75px; border-width:0px;border-style:solid;border-color:a09e76;background-color:transparent;">
  837. <center>
  838. A MUSIC PLAYER HERE</center>
  839. <br>
  840. <small>If you saw Atlas, the giant who holds the world on his shoulders, if you saw that he stood, blood running down his chest, his knees buckling, his arms trembling but still trying to hold the world aloft with the last of his strength, and the greater his effort the heavier the world bore down upon his shoulders - What would you tell him?"</small>
  841. </div>
  842. </div>
  843.  
  844. <div class="mpd3">
  845. <center>
  846. <a href="/home.php" class="content">home</a>
  847. <a href="/add_testimonial.php?member_id=1528757" class="content">comment</a>
  848. <a href="/send_message.php?member_id=1528757" class="content" >message</a>
  849. <a href="/view_blog.php?id=1528757" class="content">blog</a>
  850. <a href="/gallery.php?member_id=1528757" class="content">gallery</a>
  851. <a href="/damnedestcreations" class="content">credit</a>
  852. </center>
  853. </div>
  854.  
  855. <div class="mpd4">
  856. <h4>Owes & Connections</h4>
  857. <div style="overflow:auto;width:45%; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:0px;height:95px; border-width:0px;border-style:solid;border-color:a09e76;background-color:transparent;float:left;">
  858. <a href="/XX" class="first">This Could Be You</a>
  859. <a href="/XX" class="first">This Could Be You</a>
  860. <a href="/XX" class="first">This Could Be You</a>
  861. <a href="/XX" class="first">This Could Be You</a>
  862. <a href="/XX" class="first">This Could Be You</a>
  863. <a href="/XX" class="first">This Could Be You</a>
  864. <a href="/XX" class="first">This Could Be You</a>
  865. <a href="/XX" class="first">This Could Be You</a>
  866. <a href="/XX" class="first">This Could Be You</a>
  867. <a href="/XX" class="first">This Could Be You</a>
  868. <a href="/XX" class="first">This Could Be You</a>
  869. <a href="/XX" class="first">This Could Be You</a>
  870. <a href="/XX" class="first">This Could Be You</a>
  871. <a href="/XX" class="first">This Could Be You</a>
  872. </div>
  873.  
  874. <div style="overflow:auto;width:45%; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:0px;height:95px; border-width:0px;border-style:solid;border-color:a09e76;background-color:transparent;float:right;">
  875. <h1>Obligations</h1>
  876. <center><i>owes:</i></center><br>
  877. - - <br>
  878. - - <br>
  879. - - <br>
  880. - - <br>
  881. - - <br>
  882. <center><i>owed by:</i></center><br>
  883. Reckoning - Veronica Lodge. <br>
  884. Darkness Within - Betty Cooper.<br>
  885. - - <br>
  886. - - <br>
  887. - - <br>
  888. </div>
  889. <img src="https://i.imgur.com/cps8mnn.png">
  890. </div>
  891.  
  892. <div class="mpd5">
  893. <img src="https://i.imgur.com/CJHNMbM.png">
  894. <div style="overflow:auto;width:210px; margin-left:20px;margin-right:20px;margin-top:0px;margin-bottom:5px;height:105px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  895. <center>
  896. You can type whatever you want in here. Maybe an introduction to yourself as a writer? That's what I did. Honestly when I made this layout I centered it around the information I had to present on my own character. This layout is meant for somebody that wants to show off their character on their page.</center>
  897. </div>
  898. </div>
  899.  
  900. <div class="mpd6">
  901. <img src="https://i.imgur.com/0GIqEig.png">
  902. </div>
  903.  
  904. <div class="mpd7">
  905. <img src="https://i.imgur.com/QvuzhMP.png" align="left">
  906. <h1>Basic Information</h1>
  907. <div style="overflow:auto;width:autopx; margin:5px;height:95px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  908. <b2>BIRTH NAME:</b2> Harold 'Hal' Edward Cooper.<br>
  909. <b2>SPECIES | GENDER :</b2> Human. | Male.<br>
  910. <b2>ASSUMED AGE:</b2> In his early to mid forties.<br>
  911. <b2>ACTUAL AGE:</b2> Forty-Four (44) years old.<br>
  912. <b2>DATE OF BIRTH:</b2> November 13th, 1974.<br>
  913. <b2>ASTROLOGICAL SIGN:</b2> Scorpio.<br>
  914. <b2>PARENTS:</b2> Louis Cooper & an unnamed mother.<br>
  915. <b2>SIBLINGS:</b2> None.<br>
  916. <b2>OTHER FAMILY:</b2> Polly & Betty Cooper (daughters).<br>
  917. <b2>PETS:</b2> None.<br>
  918. <b2>LIVING ARRANGEMENTS :</b2> Apartment in Riverdale once he was kicked out of the house where he had lived with his ex-wife, Alice.<br>
  919. <b2>CURRENT LOCATION:</b2> Riverdale.<br>
  920. <b2>NATIONALITY:</b2> American.<br>
  921. <b2>LANGUAGES:</b2> English.<br>
  922. <b2>EDUCATION :</b2> Information.<br>
  923. <b2>OCCUPATION:</b2> Newspaper Editor & Co-Owner of The Register.<br>
  924. <b2>HEALTH:</b2> Information.<br>
  925. <b2>MENTAL HEALTH:</b2> Information.
  926. </div>
  927. </div>
  928.  
  929. <div class="mpd8">
  930. <div id="dcPan1" style="background-image:url(https://i.imgur.com/JYg0vfp.png);">
  931. <div id="dcPan1a">
  932.  
  933. <big>Title Here</big>
  934.  
  935. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  936.  
  937. <p>
  938.  
  939. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  940.  
  941.  
  942. </div>
  943. </div>
  944. </div>
  945.  
  946. <div class="mpd9">
  947. <img src="https://i.imgur.com/GOPiRD9.png" align="right">
  948. <h2>Personality & Appearance</h2>
  949. <div style="overflow:auto;width:autopx; margin:5px;height:95px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  950. <b2>HEIGHT:</b2> 5'11".<br>
  951. <b2>WEIGHT:</b2> 166 lbs.<br>
  952. <b2>EYE COLOUR | HAIR COLOUR:</b2> Blue. | Blonde.<br>
  953. <b2>COLOURING:</b2> Tan.<br>
  954. <b2>RACE | ETHNICITY:</b2> Caucasian. | Information.<br>
  955. <b2>TATTOOS:</b2> None.<br>
  956. <b2>PIERCINGS:</b2> None.<br>
  957. <b2>DISTINGUISHING FEATURES:</b2> Information.<Br><br>
  958.  
  959. <b2>SEXUAL PREFERENCE :</b2> Heterosexual.<br>
  960. <b2>SMOKE-DRINK-DRUGS:</b2> No. - Sometimes. - No.<br>
  961. <b2>LIKES:</b2> Information.<br>
  962. <b2>DISLIKES:</b2>Information.<br>
  963. <b2>HABITS :</b2> Information.<br>
  964. <b2>AT BEST:</b2>Information.<br>
  965. <b2>AT WORST:</b2> Information.<br>
  966. <b2>TRAITS:</b2> Information.<br>
  967. <b2>WEAKNESSES:</b2> Information.<br>
  968. <b2>DISTINGUISHING CHARACTERISTICS:</b2> Information.
  969. </div>
  970. </div>
  971.  
  972. <div class="mpd10">
  973. <img src="https://i.imgur.com/syOpzRN.png">
  974. </div>
  975.  
  976. <div class="mpd11">
  977. <img src="https://i.imgur.com/UX1mZdF.png">
  978. </div>
  979.  
  980. <div class="mpd12">
  981. <big>Character History</big>
  982. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:160px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  983.  
  984. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  985.  
  986. <p>
  987.  
  988. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  989.  
  990.  
  991. </div>
  992. </div>
  993.  
  994. <div class="mpd13">
  995. <h5>Headcanons</h5>
  996. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:170px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  997. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  998. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  999. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1000. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1001. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1002. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1003. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1004. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1005. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1006. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1007. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1008. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1009. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1010.  
  1011. </div>
  1012. </div>
  1013.  
  1014. <div class="mpd14">
  1015. <img src="https://i.imgur.com/F4sz6YT.png">
  1016. </div>
  1017.  
  1018. <div class="mpd15">
  1019. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:115px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  1020. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1021.  
  1022. <p>
  1023.  
  1024. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1025. </div>
  1026. </div>
  1027.  
  1028. <div class="mpd16">
  1029. <img src="https://i.imgur.com/lFoHr4c.png">
  1030. </div>
  1031.  
  1032. <div class="mpd17">
  1033. <img src="https://i.imgur.com/3N6iOgF.png">
  1034. </div>
  1035.  
  1036. <div class="mpd18">
  1037. <h3>Title Here</h3>
  1038. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:170px; border-width:0px;border-style:solid;border-color:161616;background-color:transparent;">
  1039. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1040.  
  1041. <p>
  1042.  
  1043. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1044.  
  1045.  
  1046. </div>
  1047. </div>
  1048.  
  1049.  
  1050. <div class="mpd19">
  1051. <img src="https://i.imgur.com/YW17rae.png">
  1052. </div>
  1053.  
  1054. <div class="mpd20">
  1055. <h3>Title Here</h3>
  1056. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:170px; border-width:0px;border-style:solid;border-color:161616;background-color:transparent;">
  1057. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Mauris massa. <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b>. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.
  1058.  
  1059. <p>
  1060.  
  1061. <b>Praesent mauris</b>. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <i>Lorem ipsum dolor sit amet, consectetur adipiscing elit</i>. Maecenas mattis. Sed convallis tristique sem. <b>Vestibulum lacinia arcu eget nulla</b>. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. <b>Aenean quam</b>. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. <b>Sed dignissim lacinia nunc</b>. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  1062.  
  1063. </div>
  1064. </div>
  1065.  
  1066. <div class="mpd21">
  1067. <div id="dcPan2" style="background-image:url(https://i.imgur.com/sfxiw0y.png);">
  1068. <div id="dcPan2a">
  1069. <h5>Love Life</h5>
  1070. <b>Relationship Status</b> Single<br>
  1071. <b>Since</b> Date<br>
  1072. <b>The Other Half</b> <a href="">Name Here</a><br>
  1073. <b>Comments</b> —<br>
  1074. <b>Song / Lyrics</b> </div>
  1075. </div>
  1076. </div>
  1077.  
  1078. <div class="mpd22">
  1079. <img src="https://i.imgur.com/RbHBRcp.png">
  1080. </div>
  1081.  
  1082. <div class="mpd23">
  1083. <div id="dcPan3" style="background-image:url(https://i.imgur.com/pMUojul.png);">
  1084. <div id="dcPan3a">
  1085. <h1>Header One</h1>
  1086. <h2>Header Two</h2>
  1087. <h3>Header Three</h3>
  1088. <h4>Header Four</h4>
  1089. <h5>Header Five</h5>
  1090. <h6>Header Six</h6>
  1091. Normal text<br>
  1092. <b>B Text</b><br>
  1093. <b2>B2 Text</b2><br>
  1094. <i>Italicized text</i>
  1095. <u>Underlined text</u>
  1096. <big>big text</big>
  1097. <blockquote>
  1098. This is a blockquote
  1099. </blockquote>
  1100. <small>small text</small><br>
  1101.  
  1102.  
  1103.  
  1104. </div>
  1105. </div>
  1106. </div>
  1107.  
  1108. <div class="mpd24">
  1109. <div style="overflow:auto;width:320px; margin-left:14px;margin-right:14px;margin-top:14px;margin-bottom:14px;height:240px; border-width:1px;border-style:solid;border-color:161616;background-color:transparent;">
  1110.  
  1111. <img src="https://i.imgur.com/t4I3Dyt.png" align="left">
  1112. <h1>Darkness Within,</h1>
  1113. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1114.  
  1115. <hr>
  1116.  
  1117. <img src="https://i.imgur.com/syvL4vT.png" align="right">
  1118. <h2>Polly Cooper - Needed.</h2>
  1119. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1120.  
  1121. <hr>
  1122.  
  1123. <img src="https://i.imgur.com/28rhUXG.png" align="left">
  1124. <h1>Penelope Blossom - Needed.</h1>
  1125. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1126.  
  1127. <hr>
  1128.  
  1129. <img src="https://i.imgur.com/3g6KIFT.png" align="right">
  1130. <h2>Hiram Lodge - Needed.</h2>
  1131. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1132.  
  1133. <hr>
  1134.  
  1135. <img src="https://i.imgur.com/OoM87HT.png" align="left">
  1136. <h1>FP Jones - Needed.</h1>
  1137. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1138.  
  1139. <hr>
  1140.  
  1141. <img src="https://i.imgur.com/LuBBf26.png" align="right">
  1142. <h2>Fred Andrews - Needed.</h2>
  1143. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1144.  
  1145. <hr>
  1146.  
  1147. <img src="https://i.imgur.com/Dlva9r2.png" align="left">
  1148. <h1>Hermione Lodge - Needed.</h1>
  1149. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1150.  
  1151. <hr>
  1152.  
  1153. <img src="https://i.imgur.com/wuWQCHY.png" align="right">
  1154. <h2>Reckoning.</h2>
  1155. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1156.  
  1157. <hr>
  1158.  
  1159. <img src="https://i.imgur.com/hAT2Fir.png" align="left">
  1160. <h1>Jughead Jones - Needed.</h1>
  1161. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1162.  
  1163. <hr>
  1164.  
  1165. <img src="https://i.imgur.com/nAvMDDl.png" align="right">
  1166. <h2>Archie Andrews - Needed.</h2>
  1167. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1168.  
  1169. <hr>
  1170.  
  1171. <img src="https://via.placeholder.com/100.png/101010/626262/" align="left">
  1172. <h1>Connection Name</h1>
  1173. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1174.  
  1175. <hr>
  1176.  
  1177. <img src="https://via.placeholder.com/100.png/101010/626262/" align="right">
  1178. <h2>Connection Name</h2>
  1179. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1180.  
  1181. <hr>
  1182.  
  1183. <img src="https://via.placeholder.com/100.png/101010/626262/" align="left">
  1184. <h1>Connection Name</h1>
  1185. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1186.  
  1187. <hr>
  1188.  
  1189. <img src="https://via.placeholder.com/100.png/101010/626262/" align="right">
  1190. <h2>Connection Name</h2>
  1191. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. <b>Morbi in dui quis est pulvinar ullamcorper</b>. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula.
  1192.  
  1193. <hr>
  1194.  
  1195.  
  1196.  
  1197. </div>
  1198. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement