API tools faq
paste
Advertisement
mebuckner

Custom Order - Charmiechu - Layout

mebuckner
Nov 11th, 2020
524
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.04 KB | None | 0 0
raw download clone embed print report
  1. <!--about me-->
  2. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  3. <style type="text/css">
  4. @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
  5.  
  6. body {
  7. background-color:#232426;
  8. background-repeat:no-repeat;
  9. background-attachment:fixed;
  10. margin: 0;
  11. overflow:auto;
  12. background-image:url('https://i.imgur.com/SqPBY1k.png');
  13. background-size:cover;
  14. }
  15.  
  16. table, tr, td, li, p, div, .profileInfo td.text {
  17.     font-size: 12px;
  18.     color: #000;
  19.     font-family: Playfair Display;}
  20.  
  21. b{
  22. color:#fff;
  23. background: -webkit-linear-gradient(#f393ba, #70b7eb);
  24. padding:5px;
  25. line-height: 37px;
  26. }
  27.  
  28. .container {
  29. width:800px;
  30. height:auto;
  31. position:absolute;
  32. left:0;
  33. right:0;
  34. top:0;
  35. bottom:0;
  36. overflow:auto;
  37. margin:auto;
  38. color:#fff;
  39. background-color:#fff;
  40. font-family: 'Abel', sans-serif;
  41. white-space: nowrap;
  42. }
  43. .staffBlock{
  44.     width: 70px;
  45.     height: 70px;
  46.     margin-bottom: 12px;
  47.     background: #000;
  48.     color: #fff;
  49.     border-radius: 50%;
  50.     display: inline-block;
  51.     vertical-align: top;
  52.     margin-left: 18px;
  53. }
  54.  
  55. .headerContainer{
  56.     width: 800px;
  57.     height: 174px;
  58. }
  59. .marqueeHolder{
  60.     width: 495px;
  61.     height: 139px;
  62. }
  63.  
  64. .affiliateHolder{
  65.     width:495px;
  66.     height:221px;
  67. }
  68.  
  69. .affiliateBox{
  70.     width: 163px;
  71.     height: 220px;
  72.     display: inline-block;
  73.     vertical-align: top;
  74.     overflow:auto;
  75.     text-align:center;
  76.     white-space: normal;
  77. }
  78.  
  79. h1{
  80.     font-family: 'Playfair Display', serif;
  81.     margin: 0;
  82.     text-align: center;
  83.     font-weight: 100;
  84.     text-transform: uppercase;
  85.     font-size: 114px;
  86.     color: #e796be;
  87.     background: -webkit-linear-gradient(#f393ba, #70b7eb);
  88.     -webkit-background-clip: text;
  89.     -webkit-text-fill-color: transparent;
  90. }
  91.  
  92. h2{
  93.     font-family: 'Playfair Display', serif;
  94.     text-align: center;
  95.     color: #5252bb;
  96.     text-transform: uppercase;
  97.     font-weight: 100;
  98.     font-size: 23px;
  99.     letter-spacing: 12px;
  100.     margin-top: -24px;
  101. }
  102.  
  103. h3{
  104.     font-family: 'Playfair Display', serif;
  105.     margin: 0;
  106.     text-align: left;
  107.     font-weight: 100;
  108.     text-transform: uppercase;
  109.     font-size: 35px;
  110.     padding-left:10px;
  111.     color: #e796be;
  112.     background: -webkit-linear-gradient(#f393ba, #70b7eb);
  113.     -webkit-background-clip: text;
  114.     -webkit-text-fill-color: transparent;
  115. }
  116.  
  117. h4{
  118.     font-family: 'Playfair Display', serif;
  119.     margin: 0;
  120.     text-align: center;
  121.     font-weight: 100;
  122.     text-transform: uppercase;
  123.     font-size: 19px;
  124.     margin-bottom:10px;
  125.     padding-left:10px;
  126.     color: #e796be;
  127.     background: -webkit-linear-gradient(#f393ba, #70b7eb);
  128.     -webkit-background-clip: text;
  129.     -webkit-text-fill-color: transparent;
  130. }
  131.  
  132. .dropbtn {
  133.       background-color: #e796be;
  134.     color: white;
  135.     padding: 10px 0px;
  136.     font-size: 16px;
  137.     border: none;
  138.     cursor: pointer;
  139.     text-decoration: none;
  140.     font-weight: 100;
  141.     font-family: 'Playfair Display';
  142.     text-transform: uppercase;
  143.     margin-right: 21px;
  144.     width: 134px;
  145. }
  146.  
  147. #charmie{
  148. display:none;
  149. }
  150.  
  151. #charmie:target{
  152. display:block;
  153. position:fixed;
  154. top:0;
  155. left:0;
  156. right:0;
  157. bottom:0;
  158. width:500px;
  159. height:250px;
  160. background:#fff;
  161. margin:auto;
  162. }
  163.  
  164. #pika{
  165. display:none;
  166. }
  167.  
  168. #pika:target{
  169. display:block;
  170. position:fixed;
  171. top:0;
  172. left:0;
  173. right:0;
  174. bottom:0;
  175. width:500px;
  176. height:250px;
  177. background:#fff;
  178. margin:auto;
  179. }
  180.  
  181.  
  182. #jiggly{
  183. display:none;
  184. }
  185.  
  186. #jiggly:target{
  187. display:block;
  188. position:fixed;
  189. top:0;
  190. left:0;
  191. right:0;
  192. bottom:0;
  193. width:500px;
  194. height:250px;
  195. background:#fff;
  196. margin:auto;
  197. }
  198.  
  199.  
  200. #salazzle{
  201. display:none;
  202. }
  203.  
  204. #salazzle:target{
  205. display:block;
  206. position:fixed;
  207. top:0;
  208. left:0;
  209. right:0;
  210. bottom:0;
  211. width:500px;
  212. height:250px;
  213. background:#fff;
  214. margin:auto;
  215. }
  216.  
  217.  
  218. #snivy{
  219. display:none;
  220. }
  221.  
  222. #snivy:target{
  223. display:block;
  224. position:fixed;
  225. top:0;
  226. left:0;
  227. right:0;
  228. bottom:0;
  229. width:500px;
  230. height:250px;
  231. background:#fff;
  232. margin:auto;
  233. }
  234.  
  235.  
  236. #umbreon{
  237. display:none;
  238. }
  239.  
  240. #umbreon:target{
  241. display:block;
  242. position:fixed;
  243. top:0;
  244. left:0;
  245. right:0;
  246. bottom:0;
  247. width:500px;
  248. height:250px;
  249. background:#fff;
  250. margin:auto;
  251. }
  252.  
  253.  
  254. a.staffLink:link, a.staffLink:active, a.staffLink:visited{
  255. text-decoration:none;
  256. }
  257.  
  258. a.staffLink:hover{
  259. text-decoration:none;
  260. }
  261.  
  262. a.navLinks:link, a.navLinks:active, a.navLinks:visited {
  263.     background-color: #e796be;
  264.     color: white;
  265.     padding: 10px 0px;
  266.     font-size: 16px;
  267.     border: none;
  268.     cursor: pointer;
  269.     text-decoration: none;
  270.     font-weight: 100;
  271.     font-family: 'Playfair Display';
  272.     text-transform: uppercase;
  273.     margin-right: 21px;
  274.     width: 134px;
  275.     display: inline-block;
  276.     vertical-align: top;
  277. }
  278.  
  279. a.navLinks:hover{
  280.     background-color: #b3a5d1;
  281. }
  282.  
  283.  
  284. a.affiliateLinks:link, a.affiliateLinks:active, a.affiliateLinks:visited {
  285.     background-color: #b3a5d1;
  286.     color: white;
  287.     padding: 13px 12px;
  288.     font-size: 12px;
  289.     border: none;
  290.     cursor: pointer;
  291.     text-decoration: none;
  292.     font-weight: 100;
  293.     font-family: 'Playfair Display';
  294.     text-transform: uppercase;
  295.     margin-right: 21px;
  296.     width: 134px;
  297.     display: inline-block;
  298.     vertical-align: top;
  299.     margin-bottom: 5px;
  300. }
  301.  
  302. a.affiliateLinks:hover{
  303.     background-color: #e796be;
  304. }
  305.  
  306.  
  307. a.newContent:link, a.newContent:active, a.newContent:visited {
  308.     background-color: #e796be;
  309.     color: white;
  310.     padding: 46px 2px;
  311.     font-size: 16px;
  312.     border: none;
  313.     cursor: pointer;
  314.     text-decoration: none;
  315.     font-weight: 100;
  316.     font-family: 'Playfair Display';
  317.     text-transform: uppercase;
  318.     margin-right: 21px;
  319.     width: 134px;
  320.     display: inline-block;
  321.     text-align: center;
  322.     vertical-align: top;
  323. }
  324.  
  325. a.newContent:hover{
  326.     background-color: #b3a5d1;
  327. }
  328.  
  329. .dropdown {
  330.   position: relative;
  331.   display: inline-block;
  332. }
  333.  
  334. .dropdown-content {
  335.   display: none;
  336.   position: absolute;
  337.   background-color: #f9f9f9;
  338.   min-width: 160px;
  339.   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  340.   z-index: 1;
  341. }
  342.  
  343. .dropdown-content a {
  344.   color: black;
  345.   padding: 12px 16px;
  346.   text-decoration: none;
  347.   display: block;
  348.   font-family:Playfair Display;
  349.   font-weight:100;
  350.   text-transform:uppercase;
  351. }
  352.  
  353. .dropdown-content a:hover {background-color: #b3a5d1}
  354.  
  355. .dropdown:hover .dropdown-content {
  356.   display: block;
  357. }
  358.  
  359. .dropdown:hover .dropbtn {
  360.   background-color: #b3a5d1;
  361. }
  362.  
  363. ::-webkit-scrollbar-thumb:vertical {height:12px; background:#fff; border-top:10px solid #e796be; border-bottom:10px solid #e796be;}
  364. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  365. ::-webkit-scrollbar {width:5px; height:7px;}
  366.  
  367.  
  368. .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>
  369. </style>
  370.  
  371.  
  372.  
  373.  
  374.  
  375.  
  376.  
  377.  
  378.  
  379.  
  380. <!--like to meet-->
  381. <html>
  382. <body>
  383. <div class="container">
  384.     <div class="headerContainer">
  385.         <h1>Charmiechu</h1>
  386.         <h2>Free and Custom Resources</h2>
  387.     </div>
  388.     <div style="width:800px; height:75px; text-align: center;">
  389.         <a href="/home.php" class="navLinks">home</a>
  390.         <div class="dropdown">
  391.               <button class="dropbtn">navigation</button>
  392.               <div class="dropdown-content">
  393.                   <a href="https://www.roleplayer.me/send_message.php?member_id=1410927">message</a>
  394.                   <a href="https://www.roleplayer.me/add_comment.php?member_id=1410927">comment</a>
  395.                   <a href="https://www.roleplayer.me/view_journal_member.php?member_id=1410927">bulletin</a>
  396.                   <a href="https://www.roleplayer.me/status_stream.php?member_id=1410927">stream</a>
  397.               </div>
  398.         </div>
  399.         <a href="/" class="navLinks">rules</a>
  400.         <a href="/" class="navLinks">content</a>
  401.         <a href="/" class="navLinks" style="margin-right: 0px;">share</a>
  402.     </div>
  403.     <div style="width:495px; height:700px; display: inline-block; vertical-align: top;">
  404.         <div style="width:495px; height:250px;">
  405.             <img src="https://i.imgur.com/M90Bu1F.png">
  406.         </div>
  407.         <div style="width:495px; height:50px;">
  408.             <h3>New Releases</h3>
  409.         </div>
  410.         <div class="marqueeHolder">
  411.             <marquee>
  412.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  413.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  414.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  415.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  416.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  417.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  418.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  419.             <a href="/" class="newContent">PLAYBY NAME<br><span style="font-size:12px;">by: editor here</span></a>
  420.             </marquee>
  421.         </div>
  422.         <div style="width:495px; height:50px;">
  423.             <h3>Our Affiliates</h3>
  424.         </div>
  425.         <div class="affiliateHolder">
  426.             <div class="affiliateBox">
  427.                      <h4>Highly Recommended</h4>
  428.                      <a href="/" class="affiliateLinks">affiliate name</a>
  429.                      <a href="/" class="affiliateLinks">affiliate name</a>
  430.                      <a href="/" class="affiliateLinks">affiliate name</a>
  431.                      <a href="/" class="affiliateLinks">affiliate name</a>
  432.                      <a href="/" class="affiliateLinks">affiliate name</a>
  433.                      <a href="/" class="affiliateLinks">affiliate name</a>
  434.                      <a href="/" class="affiliateLinks">affiliate name</a>
  435.                      <a href="/" class="affiliateLinks">affiliate name</a>
  436.                      <a href="/" class="affiliateLinks">affiliate name</a>
  437.                      <a href="/" class="affiliateLinks">affiliate name</a>
  438.                      <a href="/" class="affiliateLinks">affiliate name</a>
  439.                      <a href="/" class="affiliateLinks">affiliate name</a>
  440.                      <a href="/" class="affiliateLinks">affiliate name</a>
  441.                      <a href="/" class="affiliateLinks">affiliate name</a>
  442.                      <a href="/" class="affiliateLinks">affiliate name</a>
  443.                      <a href="/" class="affiliateLinks">affiliate name</a>
  444.                      <a href="/" class="affiliateLinks">affiliate name</a>
  445.                      <a href="/" class="affiliateLinks">affiliate name</a>
  446.                      <a href="/" class="affiliateLinks">affiliate name</a>
  447.                      <a href="/" class="affiliateLinks">affiliate name</a>
  448.             </div>
  449.             <div class="affiliateBox">
  450.                      <h4>Roleplay<br>Groups</h4>
  451.                      <a href="/" class="affiliateLinks">affiliate name</a>
  452.                      <a href="/" class="affiliateLinks">affiliate name</a>
  453.                      <a href="/" class="affiliateLinks">affiliate name</a>
  454.                      <a href="/" class="affiliateLinks">affiliate name</a>
  455.                      <a href="/" class="affiliateLinks">affiliate name</a>
  456.                      <a href="/" class="affiliateLinks">affiliate name</a>
  457.                      <a href="/" class="affiliateLinks">affiliate name</a>
  458.                      <a href="/" class="affiliateLinks">affiliate name</a>
  459.                      <a href="/" class="affiliateLinks">affiliate name</a>
  460.                      <a href="/" class="affiliateLinks">affiliate name</a>
  461.                      <a href="/" class="affiliateLinks">affiliate name</a>
  462.                      <a href="/" class="affiliateLinks">affiliate name</a>
  463.                      <a href="/" class="affiliateLinks">affiliate name</a>
  464.                      <a href="/" class="affiliateLinks">affiliate name</a>
  465.                      <a href="/" class="affiliateLinks">affiliate name</a>
  466.                      <a href="/" class="affiliateLinks">affiliate name</a>
  467.                      <a href="/" class="affiliateLinks">affiliate name</a>
  468.                      <a href="/" class="affiliateLinks">affiliate name</a>
  469.                      <a href="/" class="affiliateLinks">affiliate name</a>
  470.                      <a href="/" class="affiliateLinks">affiliate name</a>
  471.             </div>
  472.             <div class="affiliateBox">
  473.                      <h4>Resource<br>Sites</h4>
  474.                      <a href="/" class="affiliateLinks">affiliate name</a>
  475.                      <a href="/" class="affiliateLinks">affiliate name</a>
  476.                      <a href="/" class="affiliateLinks">affiliate name</a>
  477.                      <a href="/" class="affiliateLinks">affiliate name</a>
  478.                      <a href="/" class="affiliateLinks">affiliate name</a>
  479.                      <a href="/" class="affiliateLinks">affiliate name</a>
  480.                      <a href="/" class="affiliateLinks">affiliate name</a>
  481.                      <a href="/" class="affiliateLinks">affiliate name</a>
  482.                      <a href="/" class="affiliateLinks">affiliate name</a>
  483.                      <a href="/" class="affiliateLinks">affiliate name</a>
  484.                      <a href="/" class="affiliateLinks">affiliate name</a>
  485.                      <a href="/" class="affiliateLinks">affiliate name</a>
  486.                      <a href="/" class="affiliateLinks">affiliate name</a>
  487.                      <a href="/" class="affiliateLinks">affiliate name</a>
  488.                      <a href="/" class="affiliateLinks">affiliate name</a>
  489.                      <a href="/" class="affiliateLinks">affiliate name</a>
  490.                      <a href="/" class="affiliateLinks">affiliate name</a>
  491.                      <a href="/" class="affiliateLinks">affiliate name</a>
  492.                      <a href="/" class="affiliateLinks">affiliate name</a>
  493.                      <a href="/" class="affiliateLinks">affiliate name</a>
  494.             </div>
  495.         </div>
  496.     </div>
  497.     <div style="width:257px; height:700px;display: inline-block; vertical-align: top;">
  498.         <div style="width:297px; height:190px;">
  499.             <div style="width:110px; height:110px; color:#000; display: inline-block; vertical-align: top; padding:20px; font-family:Playfair Display; font-size:12px; text-align:justify; overflow:auto; text-transform:lowercase;    white-space: normal;">
  500. <h3 style="font-size: 22px; text-align: left; padding-left: 0px; margin-top: -22px; padding-top: 0px; margin-bottom: 5px;white-space: normal;">About Us</h3>
  501.                 CHARMIECHU WAS CREATED BY CHARMIE & PIKA ON AUGUST 24TH, 2016. THOUGH SADLY WE WERE DELETED ON JUNE 7TH, 2018. WE ROSE UP AND STARTED OVER, MUCH TO OUR DISMAY. BUT WE ARE NO QUITTERS AND LOVE OUR BABY MORE THAN ANYTHING SO WE'LL JUST KEEP COMING BACK NO MATTER WHAT HAPPENS. FRIENDLY ADVICE TO ANYONE WHO EVEN THINKS OF HURTING US, LEARN BETTER RIGHT HERE AND NOW. CAUSE WE'RE HERE TO STAY FOR THE LONG HAUL. AFTER ALL, IT HAS BEEN BASICALLY FOUR YEARS. IF WE AIN'T LEFT YET, WHAT MAKES YOU THINK WE EVER WILL? WE LOVE EVERYONE, BUT WE WON'T STAND FOR HATERS TRYING TO HURT US. FOR ANYONE WHO'S LOVED US AND STUCK BY US, ESP THE EDITORS, THANK YOU.
  502.             </div>
  503.             <div style="width:144px; height:190px; display: inline-block; vertical-align: top;">
  504.                 <img src="https://i.imgur.com/jBbIrw2.png">
  505.             </div>
  506.         </div>
  507.         <div style="width:297px; height:50px;">
  508.             <h3 style="text-align:center;padding-left: 0px;">Our Staff</h3>
  509.         </div>
  510.         <div style="width: 284px; height: 173px; padding: 10px; overflow: auto; text-align: center;    white-space: normal;">
  511.             <a href="#charmie" class="staffLink"><img src="https://i.imgur.com/Z6XPqSL.png" class="staffBlock" style="margin-left: 0px;">
  512.             <a href="#pika" class="staffLink"><img src="https://i.imgur.com/ORWADvK.png" class="staffBlock">
  513.             <a href="#jiggly" class="staffLink"><img src="https://i.imgur.com/ep8tLiV.png" class="staffBlock">
  514.             <a href="#salazzle" class="staffLink"><img src="https://i.imgur.com/dc42uwc.png" class="staffBlock" style="margin-left: 0px;">
  515.             <a href="#snivy" class="staffLink"><img src="https://i.imgur.com/xWuzACA.png" class="staffBlock">
  516.             <a href="#umbreon" class="staffLink"><img src="https://i.imgur.com/WotqRia.png" class="staffBlock">
  517.         </div>
  518. <div id="charmie">
  519. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  520. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src="https://i.imgur.com/LkONW9o.png"></div>
  521. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  522. <h3 style="padding-left: 0px; text-align: center;">Charmie</h3>
  523. <center>
  524. <b style="margin-right:10px;">position: owner one</b>
  525. <b>duties: all around</b>
  526. </center>
  527. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  528. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  529. </div>
  530.  
  531. </div>
  532. </div>
  533.  
  534.  
  535.  
  536.  
  537. <div id="pika">
  538. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  539. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src="https://i.imgur.com/QBcJjVL.png"></div>
  540. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  541. <h3 style="padding-left: 0px; text-align: center;">Pika</h3>
  542. <center>
  543. <b style="margin-right:10px;">position: owner two</b>
  544. <b>duties: all around</b>
  545. </center>
  546. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  547. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  548. </div>
  549.  
  550. </div>
  551. </div>
  552.  
  553.  
  554. <div id="jiggly">
  555. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  556. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src=
  557. "https://i.imgur.com/IvH9lEd.png"></div>
  558. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  559. <h3 style="padding-left: 0px; text-align: center;">Jiggly</h3>
  560. <center>
  561. <b style="margin-right:10px;">position: editor</b>
  562. <b>duties: editing, affiliates</b>
  563. </center>
  564. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  565. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  566. </div>
  567.  
  568. </div>
  569. </div>
  570.  
  571.  
  572. <div id="salazzle">
  573. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  574. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src="https://i.imgur.com/I9KgT2X.png"></div>
  575. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  576. <h3 style="padding-left: 0px; text-align: center;">Salazzle</h3>
  577. <center>
  578. <b style="margin-right:10px;">position: editor</b>
  579. <b>duties: editing, affiliates</b>
  580. </center>
  581. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  582. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  583. </div>
  584.  
  585. </div>
  586. </div>
  587.  
  588.  
  589. <div id="snivy">
  590. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  591. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src="https://i.imgur.com/fLeqeAH.png"></div>
  592. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  593. <h3 style="padding-left: 0px; text-align: center;">Snivy</h3>
  594. <center>
  595. <b style="margin-right:10px;">position: editor</b>
  596. <b>duties: editing</b>
  597. </center>
  598. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  599. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  600. </div>
  601.  
  602. </div>
  603. </div>
  604.  
  605. <div id="umbreon">
  606. <div style="width:490px; text-align:right;"><a href="#close" style="color:#000; font-family:Playfair Display; font-size:12px;">x</a></div>
  607. <div style="width:234px; height:234px; display:inline-block; vertical-align:top;"><img src="https://i.imgur.com/pmd7UyT.png"></div>
  608. <div style="width: 264px; height: 234px; display: inline-block; vertical-align: top; margin-right: -1px;">
  609. <h3 style="padding-left: 0px; text-align: center;">Umbreon</h3>
  610. <center>
  611. <b style="margin-right:10px;">position: editor</b>
  612. <b>duties: editing</b>
  613. </center>
  614. <div style="width: 224px; height: 100px; padding: 20px; background: #fff; font-family: 'Playfair Display'; font-size: 12px; text-align:justify; overflow:auto;">
  615. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here. talk about yourself as an owner here.
  616. </div>
  617.  
  618. </div>
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625.  
  626.  
  627.  
  628.  
  629.         <div style="width:257px; height:50px;">
  630.             <h3 style="text-align:center;padding-left: 0px;">Spotlight</h3>
  631.         </div>
  632.         <div style="width:277px; height:201px; overflow:auto; font-family:Playfair Display; font-size:12px; text-align:justify; padding:10px;">
  633.             <b>00.00.00</b> - what happened you can put here.
  634.             <br>
  635.             <b>00.00.00</b> - what happened you can put here.
  636.             <br>
  637.             <b>00.00.00</b> - what happened you can put here.
  638.             <br>
  639.             <b>00.00.00</b> - what happened you can put here.
  640.             <br>
  641.             <b>00.00.00</b> - what happened you can put here.
  642.             <br>
  643.             <b>00.00.00</b> - what happened you can put here.
  644.             <br>
  645.             <b>00.00.00</b> - what happened you can put here.
  646.             <br>
  647.             <b>00.00.00</b> - what happened you can put here.
  648.             <br>
  649.             <b>00.00.00</b> - what happened you can put here.
  650.             <br>
  651.             <b>00.00.00</b> - what happened you can put here.
  652.             <br>
  653.             <b>00.00.00</b> - what happened you can put here.
  654.             <br>
  655.             <b>00.00.00</b> - what happened you can put here.
  656.             <br>
  657.             <b>00.00.00</b> - what happened you can put here.
  658.             <br>
  659.             <b>00.00.00</b> - what happened you can put here.
  660.             <br>
  661.         </div>
  662.     </div>
  663. </div>
  664. </body>
  665. </html>
  666.  
  667.  
  668.  
  669.  
  670.  
  671.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!