Advertisement
mebuckner

Custom Order - MJ

Aug 15th, 2020 (edited)
160
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.46 KB | None | 0 0
  1. <!--about me-->
  2. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Libre+Baskerville&family=Quicksand:wght@500&display=swap');
  5.  
  6. body {
  7. background-color:#232426;
  8. background-repeat:repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/9b5yYYB.png');
  13. }
  14.  
  15. table, tr, td, li, p, div, .profileInfo td.text {
  16. font-size: 11px;
  17. color: #fff;
  18. font-family: Georgia;}
  19.  
  20. h1{
  21.     font-family: 'Amatic SC', cursive;
  22.     width: 100%;
  23.     text-align: center;
  24.     font-size: 31px;
  25.     margin: 0;
  26.     margin-top:10px;
  27. }
  28.  
  29. h2{
  30.     font-family: 'Amatic SC', cursive;
  31.     width: 200px;
  32.     text-align: center;
  33.     font-size: 43px;
  34.     margin: 0;
  35.     margin-top: 10px;
  36.     line-height: 32px;
  37.     margin-top: 20px;
  38.     display: inline-block;
  39.     transform: rotate(-16deg);
  40. }
  41.  
  42.  
  43. h3{
  44.     font-family: 'Amatic SC', cursive;
  45.     width: 100%;
  46.     text-align: center;
  47.     font-size: 31px;
  48.     margin: 0;
  49.     margin-top:10px;
  50.     letter-spacing: 5px;
  51. }
  52.  
  53. h4{
  54.     font-family: 'Amatic SC', cursive;
  55.     width: 100%;
  56.     text-align: center;
  57.     font-size: 18px;
  58.     margin: 0;
  59.     margin-bottom:7px;
  60.     margin-top:-8px;
  61.     letter-spacing: 5px;
  62. }
  63.  
  64.  
  65. h5{
  66.     font-family: 'Amatic SC', cursive;
  67.     width: 100%;
  68.     text-align: center;
  69.     font-size: 18px;
  70.     margin: 0;
  71.     letter-spacing: 1px;
  72. }
  73.  
  74. h6{
  75. font-family: Georgia;
  76. font-size: 34px;
  77. text-align: center;
  78. margin: 0;
  79. text-transform: uppercase;
  80. width: 100%;
  81. color: #d1b378;
  82. }
  83.  
  84.  
  85. #topTwitterHeadBar {
  86. width: 380px;
  87. height: 151px;
  88. padding: 5px;
  89. }
  90.  
  91. #twitterProfileIcon img {
  92. width: 85px;
  93. height: 85px;
  94. border: 3px solid #fff;
  95. border-radius: 100%;
  96. margin-top: -60px;
  97. margin-left: 5px;
  98. }
  99.  
  100. #twitterHeader img {
  101.     width: 379px;
  102. }
  103.  
  104. #connections{
  105.     display: none;
  106. }
  107.  
  108. #owes{
  109.     display: none;
  110. }
  111.  
  112. #loveInterest{
  113.     display: none;
  114. }
  115.  
  116. #instagram{
  117.     display: none;
  118. }
  119.  
  120. #twitter{
  121.     display: none;
  122. }
  123.  
  124.  
  125. #connections:target{
  126.     display: block;
  127.     width: 383px;
  128.     height: 272px;
  129.     padding: 20px;
  130.     position: fixed;
  131.     background: #040202;
  132.     margin-top: -293px;
  133.     font-family: Georgia;
  134.     font-size: 12px;
  135.     color: #fff;
  136.     text-align: justify;
  137.     overflow: auto;
  138. }
  139.  
  140. #owes:target{
  141.     display: block;
  142.     width: 383px;
  143.     height: 272px;
  144.     padding: 20px;
  145.     position: fixed;
  146.     background: #040202;
  147.     margin-top: -293px;
  148.     font-family: Georgia;
  149.     font-size: 12px;
  150.     color: #fff;
  151.     text-align: justify;
  152.     overflow: auto;
  153. }
  154.  
  155. #loveInterest:target{
  156.     display: block;
  157.     width: 383px;
  158.     height: 272px;
  159.     padding: 20px;
  160.     position: fixed;
  161.     background: #040202;
  162.     margin-top: -293px;
  163.     font-family: Georgia;
  164.     font-size: 12px;
  165.     color: #fff;
  166.     text-align: justify;
  167.     overflow: auto;
  168. }
  169.  
  170. #instagram:target{
  171.     display: block;
  172.     width: 383px;
  173.     height: 272px;
  174.     padding: 20px;
  175.     position: fixed;
  176.     background: #040202;
  177.     margin-top: -293px;
  178.     font-family: Georgia;
  179.     font-size: 12px;
  180.     color: #fff;
  181.     text-align: justify;
  182.     overflow: auto;
  183. }
  184.  
  185. #twitter:target{
  186.     display: block;
  187.     width: 383px;
  188.     height: 272px;
  189.     padding: 20px;
  190.     position: fixed;
  191.     background: #040202;
  192.     margin-top: -293px;
  193.     font-family: Georgia;
  194.     font-size: 12px;
  195.     color: #fff;
  196.     text-align: justify;
  197.     overflow: auto;
  198. }
  199.  
  200. .container {
  201. width:700px;
  202. height:500px;
  203. position:absolute;
  204. left:0;
  205. right:0;
  206. top:0;
  207. bottom:0;
  208. overflow:hidden;
  209. margin:auto;
  210. color:#fff;
  211. background-color:#55504d;
  212. font-family: 'Abel', sans-serif;
  213. }
  214.  
  215. a:link, a:active, a:visited {
  216. color: #fff;
  217. font-family: Georgia;
  218. font-style: italic;
  219. padding: 5px;
  220. display: inline-block;
  221. letter-spacing: 5px;
  222. margin-left:46px;
  223. }
  224.  
  225. a:hover{
  226. text-decoration:none;
  227. color:#55504d;
  228. }
  229.  
  230. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#040202; border-top:10px solid #fff; border-bottom:10px solid #fff;}
  231. ::-webkit-scrollbar-thumb:horizontal {background-color:#040202;}
  232. ::-webkit-scrollbar {width:5px; height:7px;}
  233.  
  234.  
  235. .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
  236. </style>
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243.  
  244.  
  245.  
  246.  
  247. <!--like to meet-->
  248. <html>
  249. <body>
  250.  
  251.  
  252. <div class="container">
  253.  
  254.  
  255. <div style="width: 690px; height: 22px; text-align: center; margin-bottom: 7px; background-color: #040202; padding: 5px;">
  256. <a href="/" style="margin-left:0px;">home</a>
  257. <a href="/">message</a>
  258. <a href="/">comment</a>
  259. <a href="/">photos</a>
  260. <a href="/">blogs</a>
  261. </div>
  262.  
  263.  
  264. <img src="https://i.imgur.com/6DDBvEt.png" style="margin-left: 10px;">
  265.  
  266.  
  267.  
  268. <div style="display:inline-block; width:423px; height:313px; margin-left:7px; background:#040202; vertical-align:top;">
  269. <h1>Welcome to my broken life</h1>
  270. <div style="display: inline-block; width: 383px; height: 204px; /* margin-left: 7px; */ background: #040202; vertical-align: top; padding: 20px; font-family: Georgia; font-size: 12px; color: #fff; text-align: justify; overflow:auto;">
  271. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Metus dictum at tempor commodo. Tempus iaculis urna id volutpat lacus laoreet. Mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare massa. In vitae turpis massa sed elementum tempus. Ut tellus elementum sagittis vitae et leo duis ut diam. Aliquam sem fringilla ut morbi. Ultricies mi quis hendrerit dolor magna. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. Nibh tellus molestie nunc non blandit. Suscipit tellus mauris a diam maecenas sed. Vestibulum lectus mauris ultrices eros. Donec massa sapien faucibus et molestie. Aliquam faucibus purus in massa tempor nec. Egestas dui id ornare arcu. Pellentesque pulvinar pellentesque habitant morbi tristique.
  272. <br><br>
  273. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. Pellentesque nec nam aliquam sem et tortor. Vel pretium lectus quam id leo in vitae turpis massa. Amet consectetur adipiscing elit duis tristique. Tristique et egestas quis ipsum suspendisse ultrices gravida. Eget sit amet tellus cras adipiscing. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus iaculis. At ultrices mi tempus imperdiet nulla malesuada pellentesque. Auctor neque vitae tempus quam pellentesque nec. Lobortis scelerisque fermentum dui faucibus in. Scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis. Pharetra pharetra massa massa ultricies mi. Purus semper eget duis at tellus at urna condimentum mattis. Tortor consequat id porta nibh venenatis cras sed felis eget. Non arcu risus quis varius quam quisque id. Est velit egestas dui id ornare. Mauris in aliquam sem fringilla ut morbi tincidunt augue interdum. Quis hendrerit dolor magna eget est lorem ipsum dolor sit.
  274. <br><br>
  275. Quis imperdiet massa tincidunt nunc pulvinar sapien et ligula. Imperdiet proin fermentum leo vel. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Dictum sit amet justo donec enim. Nascetur ridiculus mus mauris vitae ultricies leo integer. Ut etiam sit amet nisl purus. Lectus magna fringilla urna porttitor rhoncus dolor. Mauris cursus mattis molestie a. Varius sit amet mattis vulputate enim nulla aliquet porttitor lacus. Elementum sagittis vitae et leo duis ut diam. Etiam sit amet nisl purus. Pharetra massa massa ultricies mi quis. Dui faucibus in ornare quam viverra orci sagittis eu.
  276. <br><br>
  277. Morbi tempus iaculis urna id volutpat lacus laoreet. Duis convallis convallis tellus id interdum velit laoreet id donec. Viverra orci sagittis eu volutpat odio facilisis mauris sit. Massa placerat duis ultricies lacus. Convallis convallis tellus id interdum velit. Etiam non quam lacus suspendisse faucibus. Condimentum lacinia quis vel eros donec. Egestas quis ipsum suspendisse ultrices gravida dictum fusce ut placerat. Accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Malesuada proin libero nunc consequat interdum varius sit amet mattis. Amet nisl suscipit adipiscing bibendum est. Massa ultricies mi quis hendrerit dolor magna. Facilisis volutpat est velit egestas dui id ornare arcu odio. Integer quis auctor elit sed. Aliquam eleifend mi in nulla posuere sollicitudin aliquam. Sodales neque sodales ut etiam sit amet nisl purus in.
  278. <br><br>
  279. Volutpat commodo sed egestas egestas fringilla phasellus. Penatibus et magnis dis parturient montes nascetur ridiculus mus mauris. Ultrices neque ornare aenean euismod elementum nisi quis eleifend quam. Aliquet sagittis id consectetur purus ut faucibus. Aliquet nec ullamcorper sit amet risus nullam eget felis eget. Consectetur libero id faucibus nisl tincidunt eget. Diam in arcu cursus euismod quis viverra nibh cras. Non blandit massa enim nec dui. Elit sed vulputate mi sit amet mauris commodo quis imperdiet. Dui nunc mattis enim ut tellus elementum.
  280. </div>
  281.  
  282.  
  283. <div id="connections">
  284. <div style="width: 379px; text-align: right;"><a href="#closed" style="font-size:14px;">x</a></div>
  285.     <h3>Connection Name</h3>
  286.     <h4>tagline for connection</h4>
  287.  
  288.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  289.  
  290.     <h3>Connection Name</h3>
  291.     <h4>tagline for connection</h4>
  292.  
  293.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  294.  
  295.     <h3>Connection Name</h3>
  296.     <h4>tagline for connection</h4>
  297.  
  298.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  299.  
  300.     <h3>Connection Name</h3>
  301.     <h4>tagline for connection</h4>
  302.  
  303.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  304.  
  305.     <h3>Connection Name</h3>
  306.     <h4>tagline for connection</h4>
  307.  
  308.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  309.  
  310.     <h3>Connection Name</h3>
  311.     <h4>tagline for connection</h4>
  312.  
  313.     talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here. talk about the connection here.
  314.  
  315. </div>
  316. <div id="owes">
  317. <div style="width: 379px; text-align: right;"><a href="#closed" style="font-size:14px;">x</a></div>
  318.     <h3>Current Owes List</h3>
  319.     <div style="width:183px; height:131px; overflow: auto; text-align:justify; display: inline-block; vertical-align: top; margin-top: 33px;">
  320.         <h5>I owe you</h5>
  321.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  322.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  323.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  324.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  325.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  326.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  327.     </div>
  328.     <div style="width:183px; height:131px; overflow: auto; text-align:justify; display: inline-block; vertical-align: top; margin-left: 11px; margin-top: 33px;">
  329.         <h5>You Owe Me</h5>
  330.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  331.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  332.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  333.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  334.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  335.         <b>name</b> - <i>starter/reply</i> - 00/00 <br>
  336.     </div>
  337.     <h4>last updated: --/--</h4>
  338.  
  339. </div>
  340. <div id="loveInterest">
  341. <div style="width: 379px; text-align: right;"><a href="#closed" style="font-size:14px;">x</a></div>
  342.     <img src="https://i.imgur.com/5WpU22G.png">
  343.     <div style="width: 163px; height: 163px; display: inline-block; vertical-align: top; font-family: Georgia; font-size: 12px; color:#fff; text-align: justify; margin-left:10px; overflow: auto;">
  344.         <h3>Love Interest</h3>
  345.         <b>status:</b> here <br>
  346.         <b>to whom:</b> here <br>
  347.         <b>since:</b> here <br>
  348.         <b>comments:</b> here
  349.     </div>
  350.  
  351. </div>
  352. <div id="instagram">
  353. <div style="width: 379px; text-align: right;"><a href="#closed" style="font-size:14px;">x</a></div>
  354.     <img src="https://i.imgur.com/EY1VazK.png" style="margin-left:30px;margin-top: 10px;">
  355.     <div style="width: 254px; height: 63px; display: inline-block; vertical-align: top; margin-top: 11px; margin-left: 11px; margin-bottom: 9px;">
  356.     <h6 style="font-size:15px; text-align:left; color:#717171;">@username</h6>
  357.     <h6 style="font-size: 10px; text-align: left; color: #717171; margin-top: 7px;"><b style="color:#fff;">###</b> Posts <b style="color:#fff;">###</b>Followers <b style="color:#fff;">###</b> Following</h6>
  358.     <blockquote style="color: #717171; font-size: 12px; margin-left: 1px; margin-top: 5px;">
  359.     do a little description here, like on insta. Talk about pizza or your animal or something.
  360.     </blockquote>
  361.     </div>
  362.     <center>
  363.     <img src="https://i.imgur.com/DzX4cvq.png" style="width: 100px; height: 100px; margin-top: 22px;">
  364.     <img src="https://i.imgur.com/41LyIUK.png" style="width: 100px; height: 100px; margin-left:10px;">
  365.     <img src="https://i.imgur.com/7mYveH0.png" style="width: 100px; height: 100px; margin-left:10px;">
  366.     <br>
  367.     <img src="https://i.imgur.com/8PMQaxD.png" style="width: 100px; height: 100px; margin-top:10px;">
  368.     <img src="https://i.imgur.com/zzICcDs.png" style="width: 100px; height: 100px; margin-left:10px;">
  369.     <img src="https://i.imgur.com/wFdaEgC.png" style="width: 100px; height: 100px; margin-left:10px;">
  370.     </center>
  371. </div>
  372. <div id="twitter">
  373. <div style="width: 379px; text-align: right;"><a href="#closed" style="font-size:14px;">x</a></div>
  374.     <div id="topTwitterHeadBar">
  375.     <div id="twitterHeader">
  376.     <img src="https://i.imgur.com/JGirXiD.png">
  377.     </div>
  378.     <div id="twitterProfileIcon">
  379.     <img src="https://i.imgur.com/X3frKG9.png">
  380.     </div>
  381.     <b style="color: #fff; background: none; padding: 0px; line-height: inherit;font-size: 26px;">parker</b>
  382.     <br>
  383.     <i style="font-family:Georgia; font-size:12px; color:#fff;">@username</i><br>
  384.     <div class="instaBio" style="color: #fff; font-size: 12px; margin-left: 1px; margin-top: 5px;">
  385.     do a little description here, like on insta. Talk about pizza or your animal or something.
  386.     </div>
  387.     </div>
  388.  
  389.     <div style="margin-top:65px;">
  390.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  391.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  392.             <strong>Parker</strong> <i>@username</i> 7h<br>
  393.             This is where the tweet will go, try to stick to the normal twitter char limit.
  394.         </div>
  395.     </div>
  396.     <div style="margin-top:25px;">
  397.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  398.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  399.             <strong>Parker</strong> <i>@username</i> 7h<br>
  400.             This is where the tweet will go, try to stick to the normal twitter char limit.
  401.         </div>
  402.     </div>
  403.     <div style="margin-top:25px;">
  404.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  405.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  406.             <strong>Parker</strong> <i>@username</i> 7h<br>
  407.             This is where the tweet will go, try to stick to the normal twitter char limit.
  408.         </div>
  409.     </div>
  410.     <div style="margin-top:25px;">
  411.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  412.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  413.             <strong>Parker</strong> <i>@username</i> 7h<br>
  414.             This is where the tweet will go, try to stick to the normal twitter char limit.
  415.         </div>
  416.     </div>
  417.     <div style="margin-top:25px;">
  418.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  419.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  420.             <strong>Parker</strong> <i>@username</i> 7h<br>
  421.             This is where the tweet will go, try to stick to the normal twitter char limit.
  422.         </div>
  423.     </div>
  424.     <div style="margin-top:25px;">
  425.         <img src="https://i.imgur.com/X3frKG9.png" style="border-radius: 50%; margin-top: 7px; margin-left: 7px; width:43px;">
  426.         <div style="width: 311px; height: 50px; margin-top: 7px; margin-left: 7px; vertical-align: top; display: inline-block; font-family: Georgia; font-size: 12px; color: #fff;">
  427.             <strong>Parker</strong> <i>@username</i> 7h<br>
  428.             This is where the tweet will go, try to stick to the normal twitter char limit.
  429.         </div>
  430.     </div>
  431.  
  432.  
  433. </div>
  434.  
  435.  
  436. </div>
  437.  
  438.  
  439. <div style="width: 700px; background: #040202; height: 141px; margin-top: 7px;">
  440. <div style="width:200px; height:141px; display:inline-block; vertical-align:top;"><h2>Parker<br>Carrington<br><b style="font-size:19px;">discord: -------------</b></h2></div>
  441. <div style="width:294px; height:141px; display:inline-block; vertical-align:top;">
  442. <img src="https://i.imgur.com/dFJiRz6.png">
  443. </div>
  444. <div style="width:200px; height:131px; display:inline-block; vertical-align:top; text-align:right; margin-top:10px;">
  445. <a href="#connections" style="letter-spacing:3px;">connections .01</a><br>
  446. <a href="#owes" style="letter-spacing:3px;">owes list .02</a><br>
  447. <a href="#loveInterest" style="letter-spacing:3px;">love interest .03</a><br>
  448. <a href="#instagram" style="letter-spacing:3px;">instagram .04</a><br>
  449. <a href="#twitter" style="letter-spacing:3px;">twitter .05</a>
  450. </div>
  451. </div>
  452. </body>
  453. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement