[html]

<link rel="stylesheet" type="text/css" href="https://files.jcink.net/uploads/marionmerriman/spaceship.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
<script src="//pull.cappuccicons.com/cpf.js"></script>
<script src="https://kit.fontawesome.com/8f702f1bc4.js" crossorigin="anonymous"></script>
<div class="spaceship1">
  <div class="spaceship2"></div>
  <div class="spaceship3">
    <div class="spaceshipcontainer">

<div class="spaceshiptabs">

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-1" name="spaceshiptab-group-1" checked>
<label for="spaceshiptab-1"><span class="cp cp-constellation" title="about rory"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/index</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="about">about me</div>
<div class="icon"><span class="cp cp-moon"></span></div>
<div class="facts">
<z>alias • rory</z> <z>age • 21</z> <z>timezone • gmt -8</z><br><z>birthday • june 28</z>
<z>star sign • cancer</z><br><z>meyer-briggs •  istj-t</z><z>enneagram • type 6</z><br><z>job • uni student</z> <z>major • history</z><br><z>coding exp. • 7 yrs</z> <z>fave color • #E5ADA4</z>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-2" name="spaceshiptab-group-1">
<label for="spaceshiptab-2"><span class="cp cp-spaceship" title="threads"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/threads</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 37px">threads</txt></div>
<div class="links1">
<div class="links2">

</div>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-3" name="spaceshiptab-group-1">
<label for="spaceshiptab-3"><span class="cp cp-shooting-star" title="shippers"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/shippers</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt  style="font-size: 38px">shippers</txt></div>
<div class="links1">
<div class="links2">

</div>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-4" name="spaceshiptab-group-1">
<label for="spaceshiptab-4"><span class="cp cp-ufo" title="requests"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/requests</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 35px">requests</txt></div>
<div class="links1">
<div class="links2">

</div>
</div>
</div>
</div>
</div>

<div class="spaceship5">

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-5" name="spaceshiptab-group-1">
<label for="spaceshiptab-5"> <span class="cp cp-rocket" title="comms"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/comms</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 47px">comms</txt></div>
<div class="links1">
<div class="links2">
<z><a href="index.php?showtopic=35977" title="slack">work hard, play harder.</a></z>
</div>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-6" name="spaceshiptab-group-1">
<label for="spaceshiptab-6"><span class="cp cp-stars" title="miscellaneous"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/miscellaneous</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 57px">misc</txt></div>
<div class="links1">
<div class="links2">
<z><a href="index.php?showtopic=35978" title="tracker • scroll">we go.</a></z>
</div>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-7" name="spaceshiptab-group-1">
<label for="spaceshiptab-7"><span class="cp cp-planet" title="skins"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/codes/skins</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 47px">skins</txt></div>
<div class="links1">
<div class="links2">

</div>
</div>
</div>
</div>
</div>

<div class="spaceshiptab">
<input type="radio" id="spaceshiptab-8" name="spaceshiptab-group-1">
<label for="spaceshiptab-8"><span class="cp cp-telescope" title="tutorials"></span></label>
<div class="spaceshipcontent">
<div class="spaceship9">
<div class="spaceship6">
<div class="tab"><span class="cp cp-moon"></span><txt>rory's codes.</txt><t class="fas fa-times"></t></div>
<div class="plus"><t class="fas fa-plus"></t></div>
<div class="icons"><t class="fas fa-minus"></t><t class="far fa-window-restore"></t><t class="fas fa-times"></t></div>
</div>
<div class="spaceship7">
<div class="left"><t class="fas fa-arrow-left"></t><t class="fas fa-arrow-right"></t><t class="fas fa-redo"></t></div>
<div class="url">http://www.rorycodes.com/tutorials</div>
<div class="right"><t class="fas fa-star"></t><t class="fas fa-bars"></t></div>
</div>
</div>
<div class="spaceship8">
<div class="title"><txt style="font-size: 32px">tutorials</txt></div>
<div class="links1">
<div class="links2">

</div>
</div>
</div>
</div>
</div>

</div>

</div>
  </div>
</div>

</div>
[/html]

[html]<style type="text/css">
#sunny #groove { --main: #b190d3; --bold: #934cdb; }
</style>

<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,400,700&display=swap" rel="stylesheet"> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"> <link href="https://files.jcink.net/uploads/sunshinepumpkin/groove.css" rel="stylesheet">

<div id="sunny">
<div id="groove"><div class="ithinkill"><circ></circ> <circ></circ> <circ></circ>  <a href="http://cttw.jcink.net/index.php?showuser=277"><span class="th th-twitter"></span></a></div><div class="dreamitseems">

<name> <b>first</b> last </name>
<thandle> @twitterhandle </thandle>

<pic><img src=" pic "></pic>

</div><div class="todisappeartell">

<reply><span class="th th-chat-bubble-o"></span> reply</reply>
<retweet><span class="th th-reblog"></span> retweet</retweet>
<like><span class="th th-heart-1-o"></span> like</like>

</div><div class="meyoullstay">

<tweet> hi this is a tweet and this is where all the twitter rants will go ok i'm v excited for it all pls just give me them on a daily basis ty <b>#thuglife</b> </tweet>

</div></div>
</div>[/html]

[html]<style type="text/css">
#NAME #workit { --accent1: 106, 130, 251; --accent2: 252, 92, 125;}
</style>
<link href="https://fonts.googleapis.com/css2?family=Kufam:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><script src="https://kit.fontawesome.com/fec14955c2.js" crossorigin="anonymous"></script> <link href="https://files.jcink.net/uploads/sunshinepumpkin/workit_rp.css" rel="stylesheet">

<div id="NAME">
<div id="workit">

<div class="westeppinout">
<div class="czenniestellus">

<circ></circ><circ></circ><circ></circ><ll> <l>instagram</l> </ll><a href="http://cttw.jcink.net/index.php?showuser=277"><i class="fab fa-instagram" title="coded by becky &hearts;"></i></a>

</div>
<div class="righthotlike">

<pic><img src="https://64.media.tumblr.com/0c971f65fea82427d2428bce477f6a62/fbea9f5c85e955bd-bc/s400x600/79833b7c7fc4f4c98475af5c4ccfe936bcf9f2ec.gif"></pic>
<name><ll>@parklane</ll></name>
<stat> <b>69</b> posts &nbsp; <b>52</b> followers &nbsp; <b>14</b> following </stat>
<div class="thesunwe"> <nm>lane park</nm> short bio here <b>hashtag</b> and other stuff yay lbr lane's bio would probs just be full of dohan if he could stick pics in his bio but it'll probs be just tons of emojis <b>lohan4lyf</b> </div>

<div class="arealittleexcited">

<mainp><img src="https://64.media.tumblr.com/b0818afb8846b310eb5ef6e956a3b87f/3ee0002c1e860847-26/s1280x1920/186ff6c41626660b34cd08b8f02a23fb3b4e2afb.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/9c57455449543e23847970d94ff4d01e/a963ad3e145ca5aa-d3/s1280x1920/8ec6c7905fb784c50b17f16c248999d55c940bf9.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/419efb98c3819b06755b14c7c92e340a/9e608b2690ecaa51-3f/s1280x1920/10734ecfa1f74017c1c80816115f251747a2a04b.jpg"></mainp>

<mainp><img src="https://64.media.tumblr.com/020ef944944ee0f267e2d01d841cf48e/94eed1e270d5305c-99/s1280x1920/bce01641945ae546433101386b2e089f312a7e2e.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/7aff6768077d79a8bd75db96e66ccba8/bc7304a2cab3559c-c1/s1280x1920/6d205f738fce36e78ed8ab378a7076676eb06aac.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/d1b1be0cbe768757485277ab49c570fa/9a9bb2aac5fd0c1b-4a/s1280x1920/263fed652172a6832f5a2ce4c4b583468f89e39d.jpg"></mainp>

<mainp><img src="https://64.media.tumblr.com/b9c5b354b2c71dbeeca1417a4ed81ad5/477d2f8312994fee-06/s1280x1920/97629493174d27c7668f9dd0a41315b8f193efac.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/b171dfac63ad8b1eed88e7b92bdbb900/ad46e1bd4a0c8d61-84/s1280x1920/4b81680825b5da082feca33d6e23875853d518de.jpg"></mainp>
<mainp><img src="https://64.media.tumblr.com/8816c4875aae4c75b0fb9fd940474490/636934c8df901446-4f/s640x960/40a45c78de3ee3296450de37c57b818c901a5b8e.jpg"></mainp>
</div>

</div>
</div>

</div>
</div>
[/html]

[html]<div class="hello0">
<div class="hello3"><a href="http://cttw.jcink.net/index.php?showuser=6547"><i class="fas fa-comment-alt" style="float: left;" title="thanks!"></i></a>
<i class="fab fa-bluetooth-b"></i> <i class="fas fa-volume-off"></i>  <i class="fas fa-wifi"></i>
<i class="fas fa-signal"></i>
12:45PM <!–– you can change the time to show time passage if you wish ––>
</div><div class="hello1"><div class="hello1a"></div><img src="http://placehold.it/60" class="hello1b">
<div class="hello2">new message<span>name mcname</span></div>
</div>
<div class="hello4">
<div class="hello4a">Message goes here</div>
<div class="hello4a">Another if you need it; delete this if you don't</div>
<div class="hello4a">Message goes here</div>
<div class="hello4a">Another if you need it; delete this if you don't</div>
<div class="hello4a">if you write super long messages, thsi will scroll so do not worry about that.</div>
<!–– this is where you add the bubble div class if you need more text sections ––>

</div>
<div class="hello5"><div class="hello5a">enter message...</div><div class="hello5b">send</div></div>
</div>
<style>
.hello0 {
height: 400px; width: 225px; background: var(--color2); margin: auto; overflow: hidden;
border-radius: 10px; padding: 5px; position: relative; border: 1px solid var(--color2);
--color1: #9FB6CD;
--color2: #fafafa;
--color3: #222;
--color4: #eee;
}
.hello1 {
width: 225px; height: 125px; background: var(--color1); position: absolute; top: 40px;
box-sizing: border-box;
}
.hello1a {
height: 60px; width: 60px; color: var(--color2); border-radius: 100%;
position: absolute; top: 20px; left: 15px; border: 10px solid var(--color2);
font-size: 40px; opacity:.7; animation: pulsate-fwd 3s linear infinite both;
}
.hello1b {
padding: 5px; height: 60px; width: 60px; position: absolute; top: 25px; left: 20px; border-radius: 50%;
}
@keyframes pulsate-fwd {0% {transform: scale(0.8);opacity: 0.8;}80% {transform: scale(1.2);opacity: 0;}100% {transform: scale(2.2);opacity: 0;}}
.hello2 {
color: var(--color3); width: 60%; text-align: center;
position: absolute; top: 45px; right: 0px;
font: italic 13px/120% Montserrat; text-transform: lowercase;
}
.hello2 span {
display: block; color: var(--color2);
}
.hello3 {
color: var(--color3); font: 12px/110% calibri; text-align: right; padding: 10px; background: var(--color4);
position: absolute; top: 0px; left: 0px; width: 260px; box-sizing: border-box; width: 235px;
}
.hello3 i {
margin: 0px 2px;
}
.hello3 a {
color: var(--color3); text-decoration: none;
}
.hello4 {
width: 215px; height: 150px; overflow: auto; background: var(--color2);
border: 5px solid var(--color2); margin-top: -5px; margin-bottom: 5px;
position: absolute; bottom: 65px;
}
.hello4a {
position: relative; background: var(--color1); padding: 10px;
margin: 5px 20px 10px 10px; border-radius: 10px; color: var(--color2);
font: 10px/10px Poppins; text-align: left;
}
.hello4a:after {
content: " "; left: 100%; top: 50%;
border: solid transparent; height: 0; width: 0;
position: absolute; border-color: rgba(0, 122, 255, 0);
border-left-color: var(--color1); border-width: 8px;
margin-top: -8px;
}
.hello4::-webkit-scrollbar {width: 0px;}
.hello5 {
background: var(--color4); width: 235px; height: 55px; position: absolute; left: 0px; bottom: 0px;
}
.hello5a {
display: inline-block; background: var(--color1); padding: 10px 5px;
position: absolute; bottom: 10px; left: 15px; font: 12px/120% Montserrat;
width: 140px; text-transform: uppercase; color: var(--color2);
}
.hello5b {
display: inline-block; background: var(--color1); padding: 10px 5px;
position: absolute; bottom: 10px; right: 10px; font: 12px/120% Montserrat;
width: 35px; text-transform: uppercase; color: var(--color2);
}
</style>
<link href="https://fonts.googleapis.com/css?family=Montserrat|Poppins" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" rel="stylesheet">[/html]

[html]<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://yougobeckycoco.github.io/resourcecodes/fuse.css"><script src="https://kit.fontawesome.com/fec14955c2.js" crossorigin="anonymous"></script>
<style type="text/css">
#NAME #goodtime { --acc1: 119, 161, 211; --acc2: 121, 203, 202; --acc3: 230, 132, 174; }
</style>

<div id="NAME">
<div id="goodtime">
<div class="usealifetime">
<div class="oflucktobet"><a href="http://cttw.jcink.net/index.php?showuser=277"><pic title="coded by becky &hearts;"><img src=" GIF "></pic></a></div>
<div class="meandyouthis"><blob>new msg</blob><name><l> 

your name

</l></name></div>
</div>
<div class="timeiwill">

<p> this is a text
<p> and another long text that goes here what does it look like
<p> more texting text
<p>  :lovehearts:
<p> <pic><img src="https://64.media.tumblr.com/3597fbe8fa569bde5a99dbb43bf6086d/tumblr_ph967shJp11x4tv9io2_r2_540.gif"></pic>
<p> edson babes
<p> just an excuse to use some jaeyong because why not

</div>
<div class="understandthemost"><edson> sent to: <b>

their name

</b></edson></div>
</div></div>[/html]

[html]
<style type="text/css">
.merc_chirp {
width: 500px;
margin: 25px auto;
-webkit-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}

.merc_chirp2 {
width: 460px;
padding: 20px;
background-color: #23afbb;
color: #fff;
text-align: center;
font-family: open sans condensed;
font-size: 14px;
}
.merc_chirp3 {
width: 500px;
margin: auto;
height: 200px;
background-image:url(http://placehold.it/500x200);
position: relative;
z-index: 2;
}
.merc_chirp4 {
width: 500px;
overflow: hidden;
background-color: #dcdcdc;
}
.merc_chirp5 {
width: 160px;
padding: 10px;
background-color: #fbfbfb;
margin-left: 10px;
margin-top: -1px;
position: relative;
}
.merc_chirp6 {
width: 265px;
padding: 10px;
background-color: #fbfbfb;
margin-left: 10px;
margin-top: -1px;
padding-bottom: 30px;
}
.merc_chirp7 {
width: 100px;
height: 100px;
box-shadow: inset 0 0 0 7px rgba(255,255,255,.8);
background-image:url(http://placehold.it/100x100);
margin-left: 50px;
z-index: 4;
top: 150px;
position: relative;
}
.merc_chirp8 {
font-family: open sans;
font-size: 9px;
text-align: justify;
padding: 10px;
color: #191919;
line-height: 115%;
padding-top: 50px;
}
.merc_chirp8 h1 {
font-size: 11px;
letter-spacing: 1px;
color: #23afbb;
}
.merc_chirp9 {
padding: 10px;
font-family: open sans;
font-size: 10px;
text-align: center;
padding-top: 5px;
width: 65px;
float: left;
background-color: #fbfbfb;
}
.merc_chirp9 h1 {
float: left;
font-size: 10px;
margin-top: 0px;
margin-right: 2px;
color: #23afbb;
}
.merc_chirp10 {
width: 65px;
height: 65px;
background-image:url(http://placehold.it/65x65);
}
.merc_chirp11 {
width: 200px;
margin: auto;
}

/*** CHEEP ***/
.merc_cheep {
width: 260px;
padding: 20px;
background-color: #dcdcdc;
margin: 25px auto;
-webkit-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
-moz-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4);
}

.merc_cheep2 {
padding: 10px;
background-color: #fbfbfb;
padding-top: 15px;
}
.merc_cheep3 {
padding-top: 3px;
}
.merc_cheep4 {
font-family: open sans;
font-size: 9px;
text-align: justify;
padding: 10px;
color: #525252;
line-height: 95%;
}
.merc_cheep4 h1 {
font-size: 11px;
letter-spacing: 1px;
color: #23afbb;
margin-top: 8px;
margin-bottom: 5px;
}
.merc_cheep5 {
width: 50px;
height: 50px;
background-image:url(http://placehold.it/50x50);
float: left;
margin-right: 10px;
margin-top: -10px;
}
.merc_cheep6 {
font-family: open sans;
font-size: 12px;
text-align: justify;
padding: 20px;
color: #191919;
line-height: 95%;
}
.merc_cheep7 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
background-color: #fbfbfb;
text-align: center;
word-spacing: 100px;
}
.merc_cred { text-align: center; font-family: calibri; font-size: 7px; text-transform: uppercase;  }
</style>
<div class="merc_chirp">
<div class="merc_chirp2"><img src="http://i.imgur.com/xhd6gvE.png"> Twitter</div>
<div class="merc_chirp3" style="background-image:url(http://placehold.it/500x200);">
<div class="merc_chirp7" style="background-image:url(http://placehold.it/100x100);"></div>
       </div>
<div class="merc_chirp4"><table><tr valign="top"><td>
<div class="merc_chirp5">
  <div class="merc_chirp8">
   <h1>@username</h1>
   this is your description.
  </div>
</div></td><td>
<div class="merc_chirp6">
  <div class="merc_chirp9"><h1>100</h1> Following<br /></div>
  <div class="merc_chirp9"><h1>100</h1> Followers<br /></div>
  <div class="merc_chirp9"><h1>100</h1> Favorites<br /></div>

  <div class="merc_chirp11">
   <table><tr valign="top">
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td></tr><tr valign="top">
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
    <td><div class="merc_chirp10"><img src="http://placehold.it/65x65" width="65"></div></td>
   </tr></table>
  </div>
</div></td></tr></table>
</div>
</div><div class="merc_cred"></div>

[/html]

[html]<script src="https://kit.fontawesome.com/a076d05399.js"></script>

<style type='text/css'>
#whatsapp ::-webkit-scrollbar{width:7px; background-color:rgba(255,255,255,0.25)!important;}
#whatsapp ::-webkit-scrollbar-track{background-color:rgba(250,250,250,0.25)!important;}
#whatsapp ::-webkit-scrollbar-thumb{background-color:rgba(7,94,84,0.25)!important;}

#whatsapp {width: 300px;
height: 440px;
background-image: url("https://cdn.discordapp.com/attachments/590254559289671690/621923842440560670/rEwFriCkfAtjOb5b-23b4tGGVcuvfaBqamYNJrgxnLM.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto;
}

.topbox {position:relative;
width: 280px;
height: 40px;
background: #075E54;
padding: 10px 10px 10px 10px;
}

.topboxtextsymbol {line-height: 44px;
float: left;
color: #FFFFFF;
font-size: 20px;
font-family: "Calibri", Garamond;}

.topboximg {position: absolute;
left: 32px;
top: 12px;
border-radius: 50px;
border: 1px solid #000;
margin-right: 5px;
}

.topboxtext {position: absolute;
left: 80px;
line-height: 44px;
color: #FFFFFF;
font-size: 20px;
font-family: "Calibri", Garamond;}

.topboxtextsymbolright a {position: absolute;
right: 20px;
line-height: 44px;
color: #FFFFFF;
font-size: 20px;
font-family: "Calibri", Garamond;}

.bottombox {position: relative;
bottom: 0px;
left: 10px;
width: 230px;
height: 50px;
background: #FFF;
margin-top: 5px;
border-radius: 15px;}

.bottomboxtext {line-height: 50px;
margin: 5px;
color: #999;
font-size: 20px;
font-family: "Calibri", Garamond;}

.darker{
color: #919191;
font-size: 18px;
margin: 5px 5px 5px 5px;}

.darker2{float:right;
line-height: 40px;
color: #919191;
font-size: 18px;
margin: 5px 5px 5px 5px;}

.bottomboxright {position: relative;
bottom: 55px;
left: 245px;
width: 50px;
height: 50px;
background: #075E54;
border-radius: 15px;}

.bottomboxrighttext {line-height: 40px;
padding: 5px 14px;
color: #FFF;
font-size: 18px;
margin: 5px 5px 5px 5px;
}

.watextbox {
position: relative;
top: 0px;
max-height: 300px;
max-width: 280px;
padding: 10px 10px 10px 10px;
overflow-y: auto;
}

.wacharacter1 p
{position: relative;
margin:5px 5px 5px 5px;
clear: both;
padding:5px 14px;
box-sizing:border-box;
max-width:95%;
background-color:#E1FFC7;
border-radius:10px;
float:right;
font-size: 13px;
font-family: "Calibri", Garamond;
color: #000;}

.wacharacter2 p
{position: relative;
margin:5px 5px 5px 0px;
clear: both;
padding:5px 14px;
box-sizing:border-box;
max-width:95%;
background-color:#FFF;
border-radius:10px;
float:left;
font-size: 13px;
font-family: "Calibri", Garamond;
color: #000;}

.wadatebox
{position: relative;
margin: 5px auto;
clear: both;
padding: 5px 14px;
box-sizing: border-box;
max-width: 45%;
background-color: #D4EAF4;
border-radius: 10px;
font-size: 10px;
font-family: "Calibri", Garamond;
text-align: center;
text-transform: uppercase;
color: #000;
}

.watbfr {
float:right;
position: relative;
font-size: 10px;
color: #999;
bottom: -6px;
right: -6px;
}
</style>

<div id='whatsapp'>
<div class='topbox'>
   <div class='topboxtextsymbol'><i class="fas fa-angle-double-left"></i>
   <img class='topboximg' src="https://via.placeholder.com/40x40"></img>
   <span class='topboxtext'>Friend</span>
   <span class='topboxtextsymbolright'><a href="http://cttw.jcink.net/index.php?showuser=12081"><i class="fas fa-video" hspace='5'></i> <i class="fas fa-phone-alt"></i> <i class="fas fa-ellipsis-v"></i></a></span>
   </div></div>
<div class="watextbox" id="whatsapp">
<div class="wacharacter2"><p>Friend's writing here<span class="watbfr">HH:MM</span></p>
<p>a new message for friend<span class="watbfr">HH:MM</span></p></div>
<div class="wacharacter1"><p>your character's words here<span class="watbfr">10:42</span></p></div>
<div class="wadatebox">12 SEPTEMBER 2019</div>
</div>

<div class='bottombox'>
   <div class='bottomboxtext'>
     <span class='darker'><i class="fas fa-smile"></i></span>
     Type a Message
     <span class='darker2'><i class="fas fa-paperclip"></i> <i class="fas fa-camera"></i></span>
   </div>
</div>
   <div class='bottomboxright'>
   <div class='bottomboxrighttext'><i class="fas fa-microphone"></i></div>
</div>
</div>
[/html]

[html]<style>
@import url('https://moonien.github.io/yuenmusic01.css');
</style>

<div class="yuenmusic01" style="--yeet:#HEXCODE;--album:url(IMAGE LINK, larger than 200x200)">

<div class="yuenmusic01-box">
<div class="yuenmusic01-cover"></div>
<div class="yuenmusic01-disc"></div>
</div>
<a href="https://cttw.jcink.net/index.php?showuser=18258" title="delivered by yuen."></a>
<div class="yuenmusic01-cont">

<span>SONG TITLE</span>
<font>ARTIST</span>

</div>
</div>[/html]

[html]<style type='text/css'>

.boxedghost {
  width: 500px;
  min-height: 375px;
  padding: 25px;
  background: #333;
  margin: 0 auto;
  background: linear-gradient(to bottom right, var(--color1), var(--color2));
}

.boxedghost { --color1: #ABB4ED; --color2: #F5E4E0;}

#boxghost {
  width: 450px;
  min-height: 375px;
  padding: 25px;
  margin: 0 auto;
  background: #fff;
  border: 1.5px solid #d2d2d2;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

.ghostleft {
  flex-basis: 8%;
  display: flex;
}

.ghostbox-header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: karla;
  line-height: 13px;
  letter-spacing: -3px;
  width: 20px;
}
.ghostbox-header > span {
  color: #000;
  transform: rotate(90deg);
  white-space: nowrap;
  font-size: 30px;
  border-bottom: 10px solid var(--color1);
  padding-left: 10px;
  padding-right: 10px;
}

.ghostright {
  flex-basis: 88%;
}

.ghostboxdesc {
padding: 15px;
height: 150px;
overflow-y: auto;
font: normal 400 11px/15px karla;
text-align: justify;
border: 1px solid var(--color1);
order: 2;
margin-top: 10px;
}

.ghostboxdesc::-webkit-scrollbar {width: 5px; background: #Fff;}
.ghostboxdesc::-webkit-scrollbar-thumb {background:var(--color1);}

.ghostabout box::-webkit-scrollbar {width: 5px; background: #Fff;}
.ghostabout box::-webkit-scrollbar-thumb {background:var(--color1);}

.ghostrec {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ghostrec:nth-child(odd) .ghostimg {order: 1;}
.ghostrec:nth-child(even) .ghostabout { order: 2; margin-left: 10px;}

.ghostrec:nth-child(odd) .ghostabout {  margin-right: 10px; }
.ghostrec:nth-child(even) .ghostimg { order: 2; }

.ghostimg {
  width: 120px;
  height: 120px;
  background: linear-gradient(to bottom right, var(--color1), var(--color2));
  display: flex;
}

.ghostabout {
  flex-basis: 66%;
  display: flex;
  flex flow: row wrap;
  height: 120px;
  position: relative;
  overflow: hidden;

}

.ghosthover {
  width: 100%;
  height: 120px;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  background: linear-gradient(to bottom right, var(--color1), var(--color2));
  transition: 1.5s;
}

.ghosthover h1 {
  font: normal 700 16px/16px karla;
  margin: 50px auto;
  color: #f2f2f2;
}

.ghostrec:hover .ghosthover { left: 120%; }

.ghostabout box {
  width: 100%;
  height: 85px;
  overflow-y:auto;
  padding: 15px;
  background: #fff;
  font: normal 400 10px/12px karla;
  text-align: justify;
  color: #333;
  border: 1px solid var(--color1);
}
</style>

<link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet">

<div class="boxedghost">
<div id="boxghost">
  <div class="ghostleft"><div class="ghostbox-header">
    <span>succession</span>
  </div></div>
  <div class="ghostright"> <div class="ghostboxdesc"><center>ad is for back to you</center><p>

the gilmore clan is old money in canada. half of their family deals with family interests in the uk, and the gilmores of vancouver tend to the family's business interests in canada. what kind of business they're actually in is kind of the least important part of the matter; what's actually important is which kid is going to inherit the business someday. papa gilmore is the second son with three kids of his own: twyla, the eldest, a boy and another younger girl. the kids are trust fund babies, born with a silver spoon in each their mouths. their parents were very "as long as you're not bothering us, do whatever you want" kind of parents, focusing on throwing extravagant events in the name of "charity" (read: social status) instead of their own children. twyla in particular has been the problem child.<a href-"http://stuckrp.jcink.net/index.php?showtopic=24134" style="color: var(--color1); font-weight: 700;"> you can read more about her</a> here but the short version is that after basically dragging their name through the mud on page six for years, twy got a degree and started working for the family company. except its their father's intention to pass off the company to his only son and this has caused a TON of drama in the family. more or less, the gilmore children are in a bit of a power struggle and it'd be super fun to see how this all plays out!
ages are semi-flexible, and faces are okay to change as long as they look related to crystal reed. let me know of any other questions!</div>
 
  <div class="ghostrec">
  <div class="ghostimg">
    <img src="https://66.media.tumblr.com/b9432aab25026a504f32c34025042947/e15d332abeacce5f-90/s540x810/0057e24ca0fd89d164d7c7633a448df4d55f33f8.gif" style="width: 100px; height: 100px; margin: 10px; object-fit: cover;">
  </div>
  <div class="ghostabout"><div class="ghosthover"><h1>first gilmore. 24-27. <br />jacob elordi.</h1></div>
    <box>the second gilmore child has been groomed to take over the company for years, ever since twyla started to prove herself too big a mess to be trusted, and he has risen to the occasion with a whole lot of smugness. smart as a whip and cocky to boot, he's not the most lovable person to be around. he takes after their father in a lot of ways, and since graduating from school, he's sat comfortably in a job given to him at the company. without his father knowing, he's the one who "left" the information laying around that set the realization twyla wasn't getting shit and is enjoying watching the meltdown. he didn't get along with his older sister to begin with so he's enjoying messing with her. he might act like he's better, he's just as calculating as the rest of the family. he's also noticed their sister is trying to be more of a centrist and while twyla is trying to turn their little sister against him, he's doing the same.</box>
  </div>
</div>

<div class="ghostrec">
  <div class="ghostimg">
    <img src="https://66.media.tumblr.com/741cacf4ecd7b005e86f26f06fd943ff/tumblr_inline_nqw9zdZgZM1t8ims8_250.gif" style="width: 100px; height: 100px; margin: 10px; object-fit: cover;">
  </div>
  <div class="ghostabout"><div class="ghosthover"><h1>first gilmore. 19-23. <br />stefanie scott.</h1></div>
    <box>

the youngest gilmore takes after their mother and has thrown herself in the philanthropy side of things. she can be found at her mother's side, planning the next gala to keep the gilmore name on top in their small social circle. she's sweet, and has her cunning side, but her actions are less turned towards the family and more towards everyone else. she wants everyone to just get along, and tries her best to keep the peace between everyone. she's stuck in the middle between her two siblings, who are pretty openly fighting with each other over the company and she's the one trying to keep the piece between them. a lot of that is stress on her, but if they're talking to her about each other, they're not fighting each other so she puts up with it. she's also the one doing her best for the family outside of worrying about the company; like their mother did with their father, she's currently dating someone from another well-to-do family and their parents are thrilled for the perspective marriage (and she's freaking out about that tbh) that could solidify business ties.</box>
  </div>
</div>
</div>
</div>[/html]

[html]<style>

.window {
  position: relative;
  width: 420px;
  margin: 20px auto;
  z-index: 0;
  line-height: 120%;
}

.window-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f7f7f7;
  padding: 40px;
  z-index: 1;
  box-shadow: 3px 3px 5px #bbb;
  border-radius: 15px;
}

.window-img-hold {
  position: relative;
  padding: 20px;
}

.window-img-hold::before {
  background: rgb(63,94,251);
  background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(175,80,166,0) 50%, rgba(252,70,107,0) 100%);
  position: absolute;
  content:"";
  height: 150%;
  width: 150%;
  top: -25%;
  left: -25%;
  z-index: -1;
  animation: iconpulse 3s infinite;
}

@keyframes iconpulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.6);
    opacity: 0.2;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.window-img-hold img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  border: 5px solid #fff;
}

.window-title {
  position: relative;
  font-family: ubuntu;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  text-align: right;
  color: #222;
line-height: 120%;
}

.window-title b {
  display: block;
  font-size: 25px;
  font-weight: 900;
  color: rgb(63,94,251);
line-height: 120%;
}

.window-icons {
  margin-top: 10px;
  font-size: 15px;
}

.window-icons ion-icon {
  background: #ddd;
  padding: 5px;
  border-radius: 100%;
  margin: 0 4px;
}

.window-message-contain {
  position: relative;
  padding: 50px;
  background: #e7e7e7;
  margin: 20px;
  margin-top: 0px;
  border-radius: 0 0 15px 15px;
  box-shadow: 3px 3px 5px #bbb;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.window-message-contain p {
  position: relative;
  background: rgb(63,94,251);
  color: #fff;
  font-family: ubuntu;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  padding: 15px;
  border-radius: 10px 10px 10px 10px;
  margin: 3px 0;
}

.window-message-contain p:last-of-type {
  border-radius: 10px 10px 0px 10px;
}

</style>

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

<div class="window">
  <div class="window-top">
    <div class="window-img-hold">
    <img src="https://64.media.tumblr.com/28a5216df8fd48ae51737eff3df8d2ad/tumblr_inline_pq4080iIZz1tf4yfp_400.gif">
    </div>
  <div class="window-title">
  messaging: <b>wally king</b>
  <div class="window-icons">
  <ion-icon name="call-outline"></ion-icon>
  <ion-icon name="battery-half-outline"></ion-icon>
  <ion-icon name="wifi-outline"></ion-icon>
  <ion-icon name="bluetooth-outline"></ion-icon>
  <ion-icon name="chatbubbles-outline"></ion-icon>
  </div>
  </div>
  </div>

<div class="window-message-contain">

<p>
dude you just gotta tell him you love him
</p>
<br/>
<p>
also did anyone take out the garbage?
</p>
<br/>
<p>
I think we have racoons again
</p>
<br/>
</div>

</div> </div></div>[/html]

[html]<style type="text/css">
 
  .maschablog {
    width: 550px;
    height: auto;
    margin: 15px auto;
    background-color: #fff;
    line-height: 100%;
  }
 
  .mgossipblog {
    border: 1px solid #e8e8ea;
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
  }
 
  .mgossipblog td {
    border: 1px solid #e8e8ea;
    padding: 0px;
    vertical-align: middle;
  }
 
  .maschablog h1 {
    text-align: center;
    margin: 0px;
    padding: 10px 0px 20px;
    font: normal normal normal 55px/100% Times New Roman;
    text-transform: lowercase;
    letter-spacing: 2px;
    color: #b6394b;
    background-color: #d7c3aa;
    text-shadow: 2px 1px 0px #fff;
  }
 
  .maschablog h2 {
    text-align: center;
    margin: 5px;
    padding: 3px;
    font: normal normal normal 30px/100% Sacramento;
    color: #350003;
  }
 
  .maschablog h2:before, .maschablog h2:after {
    font: normal normal normal 11px/100% Calibri;
    vertical-align: middle;
    color: #999;
  }
 
  .maschablog h2:before { content: "< older"; padding-right: 20px; }
  .maschablog h2:after { content: "newer >"; padding-left: 20px; }
 
  .maschablog h3 {
    margin: 0px;
    text-align: center;
    font: normal normal normal 20px/100% Sacramento;
  }
 
  .maschablog h4 {
    margin: 0px 0px 5px;
    text-align: center;
    font: normal normal 700 9px/100% Calibri;
    text-transform: uppercase;
    color: #222;
    letter-spacing: 1px;
  }
 
  .maschablog h5 {
    margin: 0px;
    text-indent: -20px;
    font: italic normal normal 12px/100% 'Times New Roman';
    color: #d47272;
    letter-spacing: 1px;
  }
 
  .mgossipinfo {
    width: 80%;
    margin: 0px auto;
    font: normal normal normal 10px/110% Calibri;
    text-align: justify;
  }
 
  .mgossipinfo img { float: left; margin: 3px 6px 1px 0px; }
 
  .mgossippost {
    width: 85%;
    height: 320px;
    background-color: #fff;
    margin: 20px auto;
    font: normal normal normal 10px/110% Calibri;
    text-align: justify;
    padding: 0px 3px;
    overflow: auto;
  }
 
  .mgossippost2 {
    width: 92%;
    float: right;
    padding: 0px 5px;
  }
 
  .mblogvisitors {
    width: 95%;
    margin: 5px auto;
  }
 
  .mblogvisitors img {
    border: 3px solid #fff;
    box-shadow: 0px 1px 1px #666;
    display: inline-block;
    margin: 1px;
  }
 
.maschablog ::-webkit-scrollbar { background: #b6394b; width: 5px; border: 2px solid #fff; }
.maschablog ::-webkit-scrollbar-thumb { background: #d7c3aa; outline: 2px solid #fff; }
.maschablog ::-webkit-scrollbar-corner { background: #fff; } 
 
</style>

<div class="maschablog">
  <table class="mgossipblog"><tr><td colspan="3">
   
    <h1>oh my, you gossip!</h1>
   
  </td></tr> <tr><td colspan="3">
   
    <h2>merry christmas and ho ho hoes</h2>
   
  </td></tr> <tr><td width="30%">
    <div class="mgossipinfo">
    <h3>the insider</h3>
    <img src="http://placehold.it/80x80" width="80" height="80">
    your weekly amount of fresh gossips and truths spread all over your beloved internet.

now remember beloved people of my world and surroundings, that my eyes and ears are everywhere, and none of you will be spared. well that depends, maybe i'm open for bribing if you play your cards right.

now comment, hate, love, none of it matters to me. after all, negative attention is attention too! and remember, my pets:

if you reveal your secrets to the wind, you should not blame the wind for revealing them to the trees.
   
    </div>
  </td><td colspan="2">
   
    <div class="mgossippost"><div class="mgossippost2">
     
      <h4>december 13 2013</h4>
      <h5>title here aww yeah</h5>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).<p>

<h5>another title woo</h5>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.<p>

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.<p>

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.
     
     
    </div></div>
   
  </td></tr><tr><td colspan="2">
  <div class="mblogvisitors">
    <h3>recent visitors</h3>
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
    <img src="http://placehold.it/40x40" width="40" height="40">
   
   
  </div>
  </td><td width="30%">
   
    <h3 style="margin-top: 5px;">archives</h3>
    <h4>⇾ november 2014</h4>
    <h4>⇾ october 2014</h4>
    <h4>⇾ september 2014</h4>
    <h4>⇾ august 2014</h4>
    <h4>⇾ older ...</h4>
   
  </td></tr>
   
   
   
  </table>
 
 
</div> </div></div>[/html]