Advertisement
wickedxcurve

H. Kinkle Layout

Sep 9th, 2019
175
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.85 KB | None | 0 0
  1. Headliner -- <div style="font:italic bold 16px monospace;line-height:15px;text-align:left; border-left:1px dashed #000;padding-left:9px;">I TOLD YOU. I'M DONE BEING A COWARD.</div><font style="display:none;">
  2.  
  3. About Me --
  4.  
  5. <body oncontextmenu="return false" ondragstart="return false;">
  6. <style type="text/css">
  7.  
  8. .COEUR DE FEU { This base code was made by DAMNEDEST CREATIONS. Stealing will result in harsh consequences. - www.roleplayer.me/damnedestcreations }
  9.  
  10. .COEUR DE FEU { Background Properties }
  11.  
  12. body{
  13. background-color:ffffff;
  14. background-image:url(https://i.imgur.com/N9o8zGY.png);
  15. background-attachment:fixed;
  16. background-repeat: repeat;
  17. background-position:center;
  18. }
  19.  
  20. ::-webkit-scrollbar-thumb:vertical {
  21. background-color: #ffffff;
  22. height: 7px;
  23. }
  24.  
  25. ::-webkit-scrollbar {
  26. background-color: #eaeaea;
  27. border: 2px solid #eaeaea;
  28. height:5px;
  29. width:5px;
  30. }
  31.  
  32.  
  33. .COEUR DE FEU { Text Properties }
  34.  
  35.  
  36. table, tr, td, li, p, div {
  37. font-family:Garamond;
  38. color:626262;
  39. font-size:11px;
  40. -webkit-touch-callout: none;
  41. -webkit-user-select: none;
  42. -khtml-user-select: none;
  43. -moz-user-select: none;
  44. -ms-user-select: none;
  45. user-select: none;
  46. text-rendering: optimizeLegibility;
  47. }
  48.  
  49. small {
  50. font-family:georgia;
  51. font-size:9px;
  52. line-height:11px;
  53. text-transform:lowercase;
  54. font-style:italic;
  55. padding:20px;
  56. color:626262;
  57. background-color:transparent;
  58. letter-spacing:1px;
  59. text-decoration:none;
  60. }
  61.  
  62. b {
  63. color:8f9fae;
  64. font-family:calibri;
  65. font-size: 9px;
  66. font-weight:normal;
  67. text-transform:uppercase;
  68. letter-spacing: 1px;
  69. }
  70.  
  71. b2 {
  72. color:717578;
  73. font-family:georgia;
  74. font-size: 9px;
  75. font-weight:normal;
  76. text-transform:uppercase;
  77. letter-spacing: 1px;
  78. }
  79.  
  80. i {
  81. font-weight:italics;
  82. text-transform:normal;
  83. background-color:transparent;
  84. color:626262;
  85. letter-spacing:0px;
  86. font-family:times new roman;
  87. font-size:10px;
  88. }
  89.  
  90. hr {
  91. display: block;
  92. margin-top: 10px;
  93. margin-bottom: 10px;
  94. margin-left: auto;
  95. margin-right: auto;
  96. opacity:0.2;
  97. width:80%;
  98. border-style: inset;
  99. border-width: 1px;
  100. }
  101.  
  102. u {
  103. font-family:georgia;
  104. font-size:9px;
  105. text-transform:normal;
  106. color:646464;
  107. letter-spacing:0px;
  108. text-decoration:underline;
  109. border-bottom:0px solid;
  110. border-color:555555;
  111. }
  112.  
  113. blockquote {
  114. display:block;
  115. text-align:justify;
  116. font-family:cambria;
  117. color:333333;
  118. font-size:10px;
  119. text-transform:normal;
  120. letter-spacing:0px;
  121. padding:5px;
  122. background-color:ffffff;
  123. }
  124.  
  125. big {
  126. font-family: georgia;
  127. font-size: 15px;
  128. color: #434343;
  129. line-height: 5px!important;
  130. letter-spacing: 3px!important;
  131. text-align: center!important;
  132. font-style: none!important;
  133. border-right:40px solid;
  134. border-left:40px solid;
  135. border-color:708080;
  136. margin-left:5px!important;
  137. margin-right:5px!important;
  138. margin-top:10px!important;
  139. margin-bottom:10px!important;
  140. background-color: #transparent!important;
  141. font-weight: lighter!important;
  142. text-transform: uppercase!important;
  143. display: block!important;
  144. }
  145.  
  146.  
  147. .COEUR DE FEU { Header Properties }
  148.  
  149. h1 {
  150. font-family: times new roman;
  151. font-size: 8px;
  152. color: 626262;
  153. font-weight:lighter;
  154. text-transform: uppercase;
  155. text-align:center;
  156. letter-spacing: 1px;
  157. line-height:8px;
  158. display: block;
  159. padding-right:5px;
  160. border-right:40px solid;
  161. border-color:#708080;
  162. background-color: transparent;
  163. margin: 5px;
  164. }
  165.  
  166. h2 {
  167. font-family: times new roman;
  168. font-size: 8px;
  169. font-weight:lighter;
  170. color: 626262;
  171. text-transform: uppercase;
  172. text-align:center;
  173. padding-left:5px;
  174. letter-spacing: 2px;
  175. line-height:8px;
  176. display: block;
  177. border-left:40px solid;
  178. border-color:708080;
  179. background-color: transparent;
  180. margin: 5px;
  181. }
  182.  
  183. h3 {
  184. font-family: georgia;
  185. font-size: 8px;
  186. color: #708080;
  187. line-height: 20px!important;
  188. letter-spacing: 1px!important;
  189. text-align: center!important;
  190. font-style: none!important;
  191. border:1px solid;
  192. border-color:eaeaea;
  193. margin:5px!important;
  194. background-color: #transparent!important;
  195. font-weight: lighter!important;
  196. text-transform: uppercase!important;
  197. display: block!important;
  198. }
  199.  
  200. h4 {
  201. font-family:times;
  202. font-size: 10px;
  203. font-weight:normal;
  204. font-style:none;
  205. color:ffffff;
  206. text-transform:uppercase;
  207. text-align:center;
  208. letter-spacing: 2px;
  209. line-height: 15px;
  210. display: block;
  211. background-color:708080;
  212. margin:0px;
  213. }
  214.  
  215. h5 {
  216. font-family: georgia;
  217. font-size: 9px;
  218. color: #434343;
  219. line-height: 5px!important;
  220. letter-spacing: 1px!important;
  221. text-align: center!important;
  222. font-style: none!important;
  223. border-right:30px solid;
  224. border-left:30px solid;
  225. border-color:708080;
  226. margin:5px!important;
  227. background-color: #transparent!important;
  228. font-weight: lighter!important;
  229. text-transform: uppercase!important;
  230. display: block!important;
  231. }
  232.  
  233. h6 {
  234. font-family:georgia;
  235. font-size:25px;
  236. letter-spacing:2px;
  237. text-align:center;
  238. display:block;
  239. text-transform:uppercase;
  240. color:3d4043;
  241. background-color:transparent;
  242. font-weight:normal;
  243. margin:0px;
  244. }
  245.  
  246.  
  247. .COEUR DE FEU { Link Properties }
  248.  
  249.  
  250. a:active, a:visited, a:link {
  251. font-family:Garamond;
  252. font-size:10px;
  253. text-transform:uppercase;
  254. line-height:10px;
  255. border-bottom:none;
  256. border-color:none;
  257. text-decoration:none;
  258. font-weight:normal;
  259. color:333333;
  260. letter-spacing:0px;
  261. -webkit-transition: all 0.8s ease-out;
  262. -moz-transition: all 0.8s ease-out;}
  263.  
  264. a:hover {
  265. text-transform:uppercase;
  266. color:747272;
  267. -webkit-transition: all 0.8s ease-out;
  268. -moz-transition: all 0.8s ease-out;}
  269.  
  270.  
  271. a.first, a.first:link, a.first:active, a.first:visited {
  272. font-family:times new roman;
  273. font-size:7px;
  274. line-height:10pt;
  275. letter-spacing:0px;
  276. color:797979;
  277. text-transform:uppercase;
  278. background-color:transparent;
  279. text-align:center;
  280. display:block;
  281. border-bottom:1px solid;
  282. border-color:eaeaea;
  283. margin-bottom:0px;
  284. -webkit-transition: all 0.4s ease-out;
  285. -moz-transition: all 0.4s ease-out;
  286. }
  287.  
  288. a.first:hover {
  289. color:333333;
  290. background-color:transparent;
  291. text-align:center;
  292. letter-spacing:1px;
  293. margin-bottom:0px;
  294. -webkit-transition: all 0.6s ease-out;
  295. -moz-transition: all 0.6s ease-out;
  296. }
  297.  
  298. a.second, a.second:link, a.second:active, a.second:visited {
  299. font-family:times new roman;
  300. font-size:7px;
  301. line-height:12px;
  302. letter-spacing:1px;
  303. font-weight: normal;
  304. color: 333333;
  305. text-decoration:none;
  306. text-transform:uppercase;
  307. letter-spacing:0px;
  308. background-color:fafafa;
  309. padding-right:10px;
  310. text-align: right;
  311. display:block;
  312. margin-bottom:1px;
  313. -webkit-transition: all 0.6s ease-out;
  314. -moz-transition: all 0.6s ease-out;
  315. }
  316.  
  317. a.second:hover {
  318. font-weight:normal;
  319. color:626262;
  320. text-decoration:none;
  321. background-color: transparent;
  322. display:block;
  323. margin-bottom:1px;
  324. -webkit-transition: all 0.4s ease-out;
  325. -moz-transition: all 0.4s ease-out;
  326. }
  327.  
  328.  
  329. a.content, a.content:link, a.content:active, a.content:visited {
  330. font-family:times;
  331. font-size:7px;
  332. letter-spacing:1px;
  333. line-height:20px;
  334. color:fafafa;
  335. text-transform:uppercase;
  336. width:75px;
  337. background-color:#708080;
  338. text-align:center;
  339. display:inline-block;
  340. margin-top:5px!important;
  341. margin-bottom:5px!important;
  342. margin-left:5px!important;
  343. margin-right:5px!important;
  344. -webkit-transition: all 0.4s ease-out;
  345. -moz-transition: all 0.4s ease-out;
  346. }
  347.  
  348. a.content:hover {
  349. color:626262;
  350. background-color:transparent;
  351. text-align:center;
  352. display:inline-block;
  353. margin-bottom:1px;
  354. -webkit-transition: all 0.6s ease-out;
  355. -moz-transition: all 0.6s ease-out;
  356. }
  357.  
  358. a.nav, a.nav:link, a.nav:active, a.nav:visited {
  359. font-family:times;
  360. font-size:10px;
  361. line-height:15px;
  362. color:000000;
  363. text-transform:lowercase;
  364. width:20px;
  365. background-color:transparent;
  366. text-align:center;
  367. display:inline-block;
  368. margin-bottom:1px;
  369. -webkit-transition: all 0.4s ease-out;
  370. -moz-transition: all 0.4s ease-out;
  371. }
  372.  
  373. a.nav:hover {
  374. color:333333;
  375. background-color:transparent;
  376. text-align:center;
  377. width:20px;
  378. display:inline-block;
  379. margin-bottom:1px;
  380. -webkit-transition: all 0.6s ease-out;
  381. -moz-transition: all 0.6s ease-out;
  382. }
  383.  
  384. .COEUR DE FEU { Hover Box Properties }
  385.  
  386. #dcPan1 {
  387. background-color: ffffff;
  388. width: 350px;
  389. height: 170px;
  390. overflow: hidden;
  391. }
  392.  
  393. #dcPan1a {
  394. background-color: ffffff;
  395. width: 340px;
  396. height: 155px;
  397. padding: 5px;
  398. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  399. filter: alpha(opacity=0);
  400. opacity: 0;
  401. overflow: hidden;
  402. -webkit-transition: all 0.6s ease-out;
  403. -moz-transition: all 0.6s ease-out;
  404. -ms-transition: all 0.6s ease-out;
  405. -o-transition: all 0.6s ease-out;
  406. transition: all 0.6s ease-out;
  407. }
  408.  
  409. #dcPan1a:hover {
  410. overflow: auto;
  411. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  412. filter: alpha(opacity=100);
  413. opacity: 1;
  414. }
  415.  
  416. #dcPan2 {
  417. background-color: ffffff;
  418. width: 350px;
  419. height: 190px;
  420. overflow: hidden;
  421. }
  422.  
  423. #dcPan2a {
  424. background-color: ffffff;
  425. width: 340px;
  426. height: 175px;
  427. padding: 5px;
  428. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  429. filter: alpha(opacity=0);
  430. opacity: 0;
  431. overflow: hidden;
  432. -webkit-transition: all 0.6s ease-out;
  433. -moz-transition: all 0.6s ease-out;
  434. -ms-transition: all 0.6s ease-out;
  435. -o-transition: all 0.6s ease-out;
  436. transition: all 0.6s ease-out;
  437. }
  438.  
  439. #dcPan2a:hover {
  440. overflow: auto;
  441. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  442. filter: alpha(opacity=100);
  443. opacity: 1;
  444. }
  445.  
  446. #dcPan3 {
  447. background-color: ffffff;
  448. width: 550px;
  449. height: 210px;
  450. overflow: hidden;
  451. }
  452.  
  453. #dcPan3a {
  454. background-color: ffffff;
  455. width: 540px;
  456. height: 195px;
  457. padding: 5px;
  458. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  459. filter: alpha(opacity=0);
  460. opacity: 0;
  461. overflow: hidden;
  462. -webkit-transition: all 0.6s ease-out;
  463. -moz-transition: all 0.6s ease-out;
  464. -ms-transition: all 0.6s ease-out;
  465. -o-transition: all 0.6s ease-out;
  466. transition: all 0.6s ease-out;
  467. }
  468.  
  469. #dcPan3a:hover {
  470. overflow: auto;
  471. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  472. filter: alpha(opacity=100);
  473. opacity: 1;
  474. }
  475.  
  476. .COEUR DE FEU { Module Properties }
  477.  
  478. .mpd1{
  479. width:550px;
  480. height:310px;
  481. position:absolute;
  482. top:-120px;
  483. left:-120px;
  484. z-index:1;
  485. border:1px solid;
  486. border-color:eaeaea;
  487. background-color:ffffff;
  488. text-decoration:none;
  489. }
  490.  
  491. .mpd2{
  492. width:210px;
  493. height:85px;
  494. position:absolute;
  495. padding:5px;
  496. top:80px;
  497. text-align:justify;
  498. left:-50px;
  499. z-index:1;
  500. border:0px solid;
  501. border-color:eaeaea, 0.2;
  502. background-image:url('');
  503. background-color:#fff;
  504. opacity:.8;
  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:eaeaea;
  517. background-color:ffffff;
  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:eaeaea;
  530. background-color:ffffff;
  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:eaeaea;
  543. background-color:ffffff;
  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:eaeaea;
  558. background-color:ffffff;
  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:eaeaea;
  571. background-color:ffffff;
  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:eaeaea;
  584. background-color:ffffff;
  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:eaeaea;
  597. background-color:ffffff;
  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:eaeaea;
  610. background-color:ffffff;
  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: eaeaea;
  624. background-color: ffffff;
  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: eaeaea;
  637. background-color: ffffff;
  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: eaeaea;
  650. background-color: ffffff;
  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: eaeaea;
  663. background-color: ffffff;
  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: eaeaea;
  676. background-color: ffffff;
  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: eaeaea;
  689. background-color: ffffff;
  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: eaeaea;
  702. background-color: ffffff;
  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: eaeaea;
  715. background-color: ffffff;
  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: eaeaea;
  728. background-color: ffffff;
  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: eaeaea;
  741. background-color: ffffff;
  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: eaeaea;
  754. background-color: ffffff;
  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: eaeaea;
  767. background-color: ffffff;
  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: eaeaea;
  780. background-color: ffffff;
  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: eaeaea;
  793. background-color: ffffff;
  794. text-decoration: none;
  795. }
  796.  
  797.  
  798. .COEUR DE FEU { Hiding Properties }
  799.  
  800. .contain{left:50%;margin-left:-400px;top:130px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
  801.  
  802. .contacttable, .friendsComments, .friendSpace, .profileinfo, .latestBlogEntry, .interestsAndDetails, .extendedNetwork, .userProfileDetail {display:none}
  803. table,tr,td {background:transparent}
  804.  
  805. <style type="text/css">
  806. body div table tbody tr td font {visibility:hidden;}
  807. .navbar {visibility:visible;}
  808. .navbar font {visibility:hidden;}
  809. </style>
  810.  
  811. <style>
  812. .profile * { display: none !important; }
  813. div[id="googlebar"] { background: none !important; }
  814. </style>
  815.  
  816. <style>
  817. .hidenav {display:none}
  818. div.profileWidth {margin-top: -30px !important;}
  819. div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}
  820. div.profileWidth div.clearfix, hidenav hidenav hidenav, div.profileWidth div div {filter:none; opacity:0.9999}
  821. div.profileWidth div.clearfix {position:relative; top:30px}
  822. </style>
  823.  
  824. <style>
  825. a.text, table font a, table {visibility:hidden;}
  826. </style>
  827.  
  828. Like To Meet --
  829.  
  830. <div class="contain">
  831.  
  832.  
  833. <div class="mpd1">
  834. <img src="https://i.imgur.com/HoFSPHk.png">
  835. </div>
  836. f
  837. <div class="mpd2">
  838. <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;">
  839. <center>
  840. A MUSIC PLAYER HERE</center>
  841. <br>
  842. <small>A relatively small quote can come here. This should be kept to a max of three lines or it may look weird on the layout.</small>
  843. </div>
  844. </div>
  845.  
  846. <div class="mpd3">
  847. <center>
  848. <a href="/home.php" class="content">home</a>
  849. <a href="/add_testimonial.php?member_id=1532402" class="content">comment</a>
  850. <a href="/send_message.php?member_id=1532402" class="content" >message</a>
  851. <a href="/view_blog.php?id=1532402" class="content">blog</a>
  852. <a href="/gallery.php?member_id=1532402" class="content">gallery</a>
  853. <a href="/damnedestcreations" class="content">credit</a>
  854. </center>
  855. </div>
  856.  
  857. <div class="mpd4">
  858. <h4>Owes & Connections</h4>
  859. <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;">
  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. <a href="/XX" class="first">This Could Be You</a>
  873. <a href="/XX" class="first">This Could Be You</a>
  874. </div>
  875.  
  876. <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;">
  877. <h1>Obligations</h1>
  878. <center><i>owes:</i></center><br>
  879. - - <br>
  880. - - <br>
  881. - - <br>
  882. - - <br>
  883. - - <br>
  884. <center><i>owed by:</i></center><br>
  885. - - <br>
  886. - - <br>
  887. - - <br>
  888. - - <br>
  889. - - <br>
  890. </div>
  891. <img src="https://i.imgur.com/9mrqRRP.png">
  892. </div>
  893.  
  894. <div class="mpd5">
  895. <img src="https://i.imgur.com/rLGtH5U.png">
  896. <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;">
  897. <center>
  898. 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>
  899. </div>
  900. </div>
  901.  
  902. <div class="mpd6">
  903. <img src="https://i.imgur.com/P4RvQPr.png">
  904. </div>
  905.  
  906. <div class="mpd7">
  907. <img src="https://i.imgur.com/uv6Ys4E.gif" align="left">
  908. <h1>Basic Information</h1>
  909. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:95px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  910. <b2>BIRTH NAME:</b2> Information.<br>
  911. <b2>SPECIES | GENDER :</b2> Information. | Information.<br>
  912. <b2>ASSUMED AGE:</b2> Information.<br>
  913. <b2>ACTUAL AGE:</b2> Information.<br>
  914. <b2>DATE OF BIRTH:</b2> Information.<br>
  915. <b2>ASTROLOGICAL SIGN:</b2> Information.<br>
  916. <b2>PARENTS:</b2> Information.<br>
  917. <b2>SIBLINGS:</b2> Information.<br>
  918. <b2>OTHER FAMILY:</b2> Information.<br>
  919. <b2>PETS:</b2> Information.<br>
  920. <b2>LIVING ARRANGEMENTS :</b2> Information.<br>
  921. <b2>CURRENT LOCATION:</b2> Information.<br>
  922. <b2>NATIONALITY:</b2> Information.<br>
  923. <b2>LANGUAGES:</b2> Information.<br>
  924. <b2>EDUCATION :</b2> Information.<br>
  925. <b2>OCCUPATION:</b2> Information.<br>
  926. <b2>HEALTH:</b2> Information.<br>
  927. <b2>MENTAL HEALTH:</b2> Information.
  928. </div>
  929. </div>
  930.  
  931. <div class="mpd8">
  932. <div id="dcPan1" style="background-image:url('https://i.imgur.com/2ZQXiFa.png');">
  933. <div id="dcPan1a">
  934.  
  935. <big>Title Here</big>
  936.  
  937. 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.
  938.  
  939. <p>
  940.  
  941. <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.
  942.  
  943.  
  944. </div>
  945. </div>
  946. </div>
  947.  
  948. <div class="mpd9">
  949. <img src="https://i.imgur.com/itv3dMM.gif" align="right">
  950. <h2>Personality & Appearance</h2>
  951. <div style="overflow:auto;width:autopx; margin-left:5px;margin-right:5px;margin-top:5px;margin-bottom:5px;height:95px; border-width:0px;border-style:solid;border-color:3c0305;background-color:transparent;">
  952. <b2>HEIGHT:</b2> Information.<br>
  953. <b2>WEIGHT:</b2> Information.<br>
  954. <b2>EYE COLOUR | HAIR COLOUR:</b2> Information. | Information.<br>
  955. <b2>COLOURING:</b2> Information.<br>
  956. <b2>RACE | ETHNICITY:</b2> Information. | Information.<br>
  957. <b2>TATTOOS:</b2> Information.<br>
  958. <b2>PIERCINGS:</b2> Information.<br>
  959. <b2>DISTINGUISHING FEATURES:</b2> Information.<Br><br>
  960.  
  961. <b2>SEXUAL PREFERENCE :</b2> Information.<br>
  962. <b2>SMOKE-DRINK-DRUGS:</b2> Information. - Information. - Information.<br>
  963. <b2>LIKES:</b2> Information.<br>
  964. <b2>DISLIKES:</b2>Information.<br>
  965. <b2>HABITS :</b2> Information.<br>
  966. <b2>AT BEST:</b2>Information.<br>
  967. <b2>AT WORST:</b2> Information.<br>
  968. <b2>TRAITS:</b2> Information.<br>
  969. <b2>WEAKNESSES:</b2> Information.<br>
  970. <b2>DISTINGUISHING CHARACTERISTICS:</b2> Information.
  971. </div>
  972. </div>
  973.  
  974. <div class="mpd10">
  975. <img src="https://i.imgur.com/fFCum1T.png">
  976. </div>
  977.  
  978. <div class="mpd11">
  979. <img src="https://i.imgur.com/d4zHvTN.png">
  980. </div>
  981.  
  982. <div class="mpd12">
  983. <big>Character History</big>
  984. <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;">
  985.  
  986. 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.
  987.  
  988. <p>
  989.  
  990. <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.
  991.  
  992.  
  993. </div>
  994. </div>
  995.  
  996. <div class="mpd13">
  997. <h5>Headcanons</h5>
  998. <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;">
  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. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1011. <i>✗</i> <b2>HEADCANON</b2> Headcanon description comes here.<br><br>
  1012.  
  1013. </div>
  1014. </div>
  1015.  
  1016. <div class="mpd14">
  1017. <img src="https://i.imgur.com/MyJusLw.png">
  1018. </div>
  1019.  
  1020. <div class="mpd15">
  1021. <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;">
  1022. 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.
  1023.  
  1024. <p>
  1025.  
  1026. <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.
  1027. </div>
  1028. </div>
  1029.  
  1030. <div class="mpd16">
  1031. <img src="https://i.imgur.com/eRt3lJX.png">
  1032. </div>
  1033.  
  1034. <div class="mpd17">
  1035. <img src="https://i.imgur.com/2av5u4T.png">
  1036. </div>
  1037.  
  1038. <div class="mpd18">
  1039. <h3>Title Here</h3>
  1040. <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:eaeaea;background-color:transparent;">
  1041. 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.
  1042.  
  1043. <p>
  1044.  
  1045. <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.
  1046.  
  1047.  
  1048. </div>
  1049. </div>
  1050.  
  1051.  
  1052. <div class="mpd19">
  1053. <img src="https://i.imgur.com/51a5mCi.png">
  1054. </div>
  1055.  
  1056. <div class="mpd20">
  1057. <h3>Title Here</h3>
  1058. <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:eaeaea;background-color:transparent;">
  1059. 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.
  1060.  
  1061. <p>
  1062.  
  1063. <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.
  1064.  
  1065. </div>
  1066. </div>
  1067.  
  1068. <div class="mpd21">
  1069. <div id="dcPan2" style="background-image:url('https://i.imgur.com/juJGjdE.png');">
  1070. <div id="dcPan2a">
  1071. <h5>Love Life</h5>
  1072. <b>Relationship Status</b> Single<br>
  1073. <b>Since</b> Date<br>
  1074. <b>The Other Half</b> <a href="">Name Here</a><br>
  1075. <b>Comments</b> —<br>
  1076. <b>Song / Lyrics</b> </div>
  1077. </div>
  1078. </div>
  1079.  
  1080. <div class="mpd22">
  1081. <img src="https://i.imgur.com/FbZdbFu.png">
  1082. </div>
  1083.  
  1084. <div class="mpd23">
  1085. <div id="dcPan3" style="background-image:url('https://i.imgur.com/Jsrg5tR.png');">
  1086. <div id="dcPan3a">
  1087. <h1>Header One</h1>
  1088. <h2>Header Two</h2>
  1089. <h3>Header Three</h3>
  1090. <h4>Header Four</h4>
  1091. <h5>Header Five</h5>
  1092. <h6>Header Six</h6>
  1093. Normal text<br>
  1094. <b>B Text</b><br>
  1095. <b2>B2 Text</b2><br>
  1096. <i>Italicized text</i>
  1097. <u>Underlined text</u>
  1098. <big>big text</big>
  1099. <blockquote>
  1100. This is a blockquote
  1101. </blockquote>
  1102. <small>small text</small><br>
  1103.  
  1104.  
  1105.  
  1106. </div>
  1107. </div>
  1108. </div>
  1109.  
  1110. <div class="mpd24">
  1111. <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:eaeaea;background-color:transparent;">
  1112.  
  1113. <img src="https://i.imgur.com/CtRezhT.png" align="left">
  1114. <h1>Connection Name</h1>
  1115. 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.
  1116.  
  1117. <hr>
  1118.  
  1119. <img src="https://i.imgur.com/IeP6aix.png" align="right">
  1120. <h2>Connection Name</h2>
  1121. 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.
  1122.  
  1123. <hr>
  1124.  
  1125. <img src="https://i.imgur.com/BiOzv58.png" align="left">
  1126. <h1>Connection Name</h1>
  1127. 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.
  1128.  
  1129. <hr>
  1130.  
  1131. <img src="https://i.imgur.com/mBF2cjG.png" align="right">
  1132. <h2>Connection Name</h2>
  1133. 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.
  1134.  
  1135. <hr>
  1136.  
  1137. <img src="https://i.imgur.com/3KyaIag.png" align="left">
  1138. <h1>Connection Name</h1>
  1139. 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.
  1140.  
  1141. <hr>
  1142.  
  1143. <img src="https://i.imgur.com/45fHAOG.png" align="right">
  1144. <h2>Connection Name</h2>
  1145. 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.
  1146.  
  1147. <hr>
  1148.  
  1149. <img src="https://i.imgur.com/IyB8JQ0.png" align="left">
  1150. <h1>Connection Name</h1>
  1151. 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.
  1152.  
  1153. <hr>
  1154.  
  1155. <img src="https://i.imgur.com/O91eGx8.png" align="right">
  1156. <h2>Connection Name</h2>
  1157. 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.
  1158.  
  1159. <hr>
  1160.  
  1161. <img src="https://i.imgur.com/8QNxXN4.png" align="left">
  1162. <h1>Connection Name</h1>
  1163. 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.
  1164.  
  1165. <hr>
  1166.  
  1167. <img src="https://via.placeholder.com/100.png/ffffff/626262/" align="right">
  1168. <h2>Connection Name</h2>
  1169. 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.
  1170.  
  1171. <hr>
  1172.  
  1173. <img src="https://via.placeholder.com/100.png/ffffff/626262/" align="left">
  1174. <h1>Connection Name</h1>
  1175. 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.
  1176.  
  1177. <hr>
  1178.  
  1179. <img src="https://via.placeholder.com/100.png/ffffff/626262/" align="right">
  1180. <h2>Connection Name</h2>
  1181. 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.
  1182.  
  1183. <hr>
  1184.  
  1185. <img src="https://via.placeholder.com/100.png/ffffff/626262/" align="left">
  1186. <h1>Connection Name</h1>
  1187. 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.
  1188.  
  1189. <hr>
  1190.  
  1191. <img src="https://via.placeholder.com/100.png/ffffff/626262/" align="right">
  1192. <h2>Connection Name</h2>
  1193. 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.
  1194.  
  1195. <hr>
  1196.  
  1197.  
  1198.  
  1199. </div>
  1200. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement