Resource completed codes ; freebies

[christy]

web of codes

use the codes where i've said you can use them (not all are freebies, unfortunately)

feel free to change colour schemes

ask before using. this means not just 'liking' or 'reacting' to the post. this means pming me and asking me.

never remove the credit/watermark. i will always put one, even if invisible.

do not plagiarise/pass code off as your own

do not change base code or use it to make your own. i will find out.

use without permission. this is just to keep track of who's using it.

 

[christy]

blue orchids

free to use for ic post.

background image and colours can be changed.

fonts can be changed.

visible and invisible watermark applied.

not mobile friendly. might update later with a mobile friendly version.

do not remove watermarks.

do not change base code or use it to make your own. i will find out.

do not use without permission.

code

[div=background: url(https://i.pinimg.com/564x/34/ff/7d/34ff7df3acda269fd1c77ff29448b663.jpg); background-size: 300px; width: 800px; margin: auto; padding-top: 100px; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; ][div=margin: auto; background: #fff; width: 450px; border-radius: 40px 40px 0px 0px; padding-top: 1px; padding-bottom: 1px;][div=margin: auto; height: 100px; width: 100px; border-radius: 100%; background: url(https://i.pinimg.com/564x/9e/b0/3f/9eb03f3cd246c3f88cd7720ecd4efe83.jpg); background-size: cover; background-position: 50% 50%; margin-top: 50px;][/div][div=padding-top: 20px; padding-bottom: 1px; margin: auto; text-align: center; font-family: Times New Roman; text-transform: lowercase; font-size: 30px; letter-spacing: -2px; font-weight: bold; color: #333;]blue orchids[/div][div=background: #fff; margin-top: 19px; margin-left: 50px; margin-right: 50px; margin-bottom: 50px; height: 300px; font-size: 11px; line-height: 20px; color: #888; text-transform: lowercase; overflow-y: scroll; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus vel magna a vulputate. Phasellus ac eros ultricies, lobortis est nec, maximus elit. Cras sed posuere nulla, sit amet sodales purus. Curabitur convallis justo imperdiet nunc faucibus, ac euismod orci gravida. Nam lacus felis, ultricies nec mi sed, tincidunt imperdiet augue. In sapien ligula, malesuada vitae fringilla egestas, bibendum sed sem. Maecenas ultrices, odio a gravida finibus, dolor nulla aliquet orci, pretium sagittis massa turpis sed odio.

Pellentesque faucibus leo eget ultrices aliquet. Donec accumsan, dolor nec vestibulum aliquam, quam mi fringilla ipsum, id blandit ex elit sed magna. Fusce nec elementum massa. Aenean ut posuere ipsum. Aliquam erat volutpat. Vivamus et dui blandit, volutpat ante at, porttitor mauris. Aenean erat mauris, consequat ut tempus auctor, interdum pulvinar augue. Sed facilisis, felis id rhoncus consequat, enim dolor sagittis turpis, eget aliquam mauris tortor suscipit risus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Sed eget venenatis lectus. Praesent molestie justo fringilla orci ultrices accumsan. Mauris ut sem eu augue sodales suscipit. Phasellus ut blandit odio. Donec vitae magna pulvinar orci laoreet rhoncus in sed mi. Pellentesque ut placerat lorem, sit amet suscipit sem. Aliquam accumsan, est sit amet cursus sagittis, odio elit malesuada eros, non bibendum augue velit a diam. Cras consequat metus a dui suscipit elementum.

Sed hendrerit diam odio, a varius odio aliquam nec. Phasellus tristique metus ut luctus ultricies. Maecenas metus nisi, molestie quis sem vel, tempus pulvinar arcu. Quisque luctus, justo a ultrices finibus, quam nibh aliquam leo, ac mollis risus purus non magna. Donec eget viverra neque, at fermentum urna. Praesent aliquet nec arcu sed pharetra. Maecenas suscipit, massa non imperdiet lacinia, nisi orci ornare magna, vel congue erat urna at ex. Cras ultricies lectus scelerisque, aliquet sapien sed, maximus lorem. Aliquam ullamcorper et lectus ut facilisis.[/div][div=text-align: center; margin-top: -10px; font-size: 6px; letter-spacing: 3px; text-transform: uppercase; font-family: Montserrat; color: #e3e3e3;][div=opacity: 0;][fa]fas fa-spider[/fa][/div]
code by spidey[/div][/div][/div]

blue orchids

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam maximus vel magna a vulputate. Phasellus ac eros ultricies, lobortis est nec, maximus elit. Cras sed posuere nulla, sit amet sodales purus. Curabitur convallis justo imperdiet nunc faucibus, ac euismod orci gravida. Nam lacus felis, ultricies nec mi sed, tincidunt imperdiet augue. In sapien ligula, malesuada vitae fringilla egestas, bibendum sed sem. Maecenas ultrices, odio a gravida finibus, dolor nulla aliquet orci, pretium sagittis massa turpis sed odio.

Pellentesque faucibus leo eget ultrices aliquet. Donec accumsan, dolor nec vestibulum aliquam, quam mi fringilla ipsum, id blandit ex elit sed magna. Fusce nec elementum massa. Aenean ut posuere ipsum. Aliquam erat volutpat. Vivamus et dui blandit, volutpat ante at, porttitor mauris. Aenean erat mauris, consequat ut tempus auctor, interdum pulvinar augue. Sed facilisis, felis id rhoncus consequat, enim dolor sagittis turpis, eget aliquam mauris tortor suscipit risus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Sed eget venenatis lectus. Praesent molestie justo fringilla orci ultrices accumsan. Mauris ut sem eu augue sodales suscipit. Phasellus ut blandit odio. Donec vitae magna pulvinar orci laoreet rhoncus in sed mi. Pellentesque ut placerat lorem, sit amet suscipit sem. Aliquam accumsan, est sit amet cursus sagittis, odio elit malesuada eros, non bibendum augue velit a diam. Cras consequat metus a dui suscipit elementum.

Sed hendrerit diam odio, a varius odio aliquam nec. Phasellus tristique metus ut luctus ultricies. Maecenas metus nisi, molestie quis sem vel, tempus pulvinar arcu. Quisque luctus, justo a ultrices finibus, quam nibh aliquam leo, ac mollis risus purus non magna. Donec eget viverra neque, at fermentum urna. Praesent aliquet nec arcu sed pharetra. Maecenas suscipit, massa non imperdiet lacinia, nisi orci ornare magna, vel congue erat urna at ex. Cras ultricies lectus scelerisque, aliquet sapien sed, maximus lorem. Aliquam ullamcorper et lectus ut facilisis.

code by spidey

 

[christy]

ichor

free to use for character sheet or rp interest checks.

nobr tag added. use br tag breaks for spacing.

colours and pictures can be changed.

fonts can be changed.

visible and invisible watermark applied.

not mobile friendly at all. will not be making it mobile friendly either.

do not remove watermarks.

do not change base code or use it to make your own. i will find out.

do not use without permission.

code

[nobr]
[class name=button]
box-sizing: border-box;
display: inline-block;
width: 100px;
margin-right: 5px;
margin-left: 5px;
background-color: #e6e6e6;
text-align: center;
font-family: 'Roboto Mono';
font-size: 14px;
color: #bbb;
padding: 10px;
transition: all .5s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class name=selectedbutton]
box-sizing: border-box;
width: 200px;
margin-right: 5px;
margin-left: 5px;
background-color: #bbb;
text-align: center;
font-family: 'Roboto Mono';
font-size: 14px;
color: #fff;
padding: 10px;
transition: all .5s ease-in-out;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]

[class name=button state=hover]
color: #fff;
background-color: #bbb;
cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;
[/class]


[script class=button on=click]
hide tabcontents
removeClass selectedbutton button

set currentTab (getText)

if (eq ${currentTab} 1) (addClass selectedbutton buttonone)
if (eq ${currentTab} 2) (addClass selectedbutton buttontwo)
if (eq ${currentTab} 3) (addClass selectedbutton buttonthree)
if (eq ${currentTab} 4) (addClass selectedbutton buttonfour)

if (eq ${currentTab} 1) (show tabcontentsone)
if (eq ${currentTab} 2) (show tabcontentstwo)
if (eq ${currentTab} 3) (show tabcontentsthree)
if (eq ${currentTab} 4) (show tabcontentsfour)
[/script]


[div=background: #f0f0f0;
padding-top: 60px;
padding-left: 200px;
padding-right: 200px;
padding-bottom: 60px;
cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]

[div=text-align: center; font-size: 50px; color: #333; font-family: Times New Roman; letter-spacing: -2px; font-weight: bold; padding-bottom: 30px;]half goddess, half hell[/div]


[div class="button buttonone"]001[/div]
[div class="button buttontwo"]002[/div]
[div class="button buttonthree"]003[/div]
[div class="button buttonfour"]004[/div]


[div class="tabcontents tabcontentsone"]
[div=background: #fff; box-sizing: border-box; padding: 100px;]
[div=display: flex; flex-direction: row;]
[div=flex: 1; margin-right: 10px;][div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/6c/64/a3/6c64a31ed4c135ca39c5b087faf1b154.jpg); background-size: cover;][/div]
[div=margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/6c/64/a3/6c64a31ed4c135ca39c5b087faf1b154.jpg); background-size: cover;][/div][/div]
[div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/6c/64/a3/6c64a31ed4c135ca39c5b087faf1b154.jpg); background-size: cover;][/div]
[div=flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/6c/64/a3/6c64a31ed4c135ca39c5b087faf1b154.jpg); background-size: cover;][/div][/div][/div]

[div=flex: 1; background: #f7f7f7; height: 405px; box-sizing: border-box; padding: 20px;]
[div=height: 365px; overflow-y: auto; font-size: 10px; color: #888; line-height: 18px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.
[br][/br][br][/br]
Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.
[br][/br][br][/br]
Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.
[/div][/div][/div][/div][div=text-align: center; margin-top: 20px; font-size: 6px; letter-spacing: 3px; text-transform: uppercase; font-family: Montserrat; color: #999;]code by spidey[/div][/div]



[div class="tabcontents tabcontentstwo" style="display: none;"]
[div=background: #fff; box-sizing: border-box; padding: 100px;]
[div=display: flex; flex-direction: row;]
[div=flex: 1; margin-right: 10px;][div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/38/2b/8e/382b8e37b6e2f5dfa851f85e20a3c67c.jpg); background-size: cover;][/div]
[div=margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/38/2b/8e/382b8e37b6e2f5dfa851f85e20a3c67c.jpg); background-size: cover;][/div][/div]
[div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/38/2b/8e/382b8e37b6e2f5dfa851f85e20a3c67c.jpg); background-size: cover;][/div]
[div=flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/38/2b/8e/382b8e37b6e2f5dfa851f85e20a3c67c.jpg); background-size: cover;][/div][/div][/div]

[div=flex: 1; background: #f7f7f7; height: 405px; box-sizing: border-box; padding: 20px;]
[div=height: 365px; overflow-y: auto; font-size: 10px; color: #888; line-height: 18px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.
[br][/br][br][/br]
Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.
[br][/br][br][/br]
Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.
[/div][/div][/div][/div][div=text-align: center; margin-top: 20px; font-size: 6px; letter-spacing: 3px; text-transform: uppercase; font-family: Montserrat; color: #999;]code by spidey[/div][/div]



[div class="tabcontents tabcontentsthree" style="display: none;"]
[div=background: #fff; box-sizing: border-box; padding: 100px;]
[div=display: flex; flex-direction: row;]
[div=flex: 1; margin-right: 10px;][div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/42/b3/10/42b310e8d9fba3c468cace7181b29e6d.jpg); background-size: cover;][/div]
[div=margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/42/b3/10/42b310e8d9fba3c468cace7181b29e6d.jpg);][/div][/div]
[div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/42/b3/10/42b310e8d9fba3c468cace7181b29e6d.jpg); background-size: cover;][/div]
[div=flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/42/b3/10/42b310e8d9fba3c468cace7181b29e6d.jpg); background-size: cover;][/div][/div][/div]

[div=flex: 1; background: #f7f7f7; height: 405px; box-sizing: border-box; padding: 20px;]
[div=height: 365px; overflow-y: auto; font-size: 10px; color: #888; line-height: 18px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.
[br][/br][br][/br]
Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.
[br][/br][br][/br]
Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.
[/div][/div][/div][/div][div=text-align: center; margin-top: 20px; font-size: 6px; letter-spacing: 3px; text-transform: uppercase; font-family: Montserrat; color: #999;]code by spidey[/div][/div]



[div class="tabcontents tabcontentsfour" style="display: none;"]
[div=background: #fff; box-sizing: border-box; padding: 100px;]
[div=display: flex; flex-direction: row;]
[div=flex: 1; margin-right: 10px;][div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/0b/85/2c/0b852c91ada7b9ec07c82b1c4fa6db37.jpg); background-size: cover;][/div]
[div=margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/0b/85/2c/0b852c91ada7b9ec07c82b1c4fa6db37.jpg); background-size: cover;][/div][/div]
[div=display: flex; flex-direction: row;]
[div=margin-right: 5px; margin-bottom: 5px; flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/0b/85/2c/0b852c91ada7b9ec07c82b1c4fa6db37.jpg); background-size: cover;][/div]
[div=flex: 1; height: 200px; background: url(https://i.pinimg.com/564x/0b/85/2c/0b852c91ada7b9ec07c82b1c4fa6db37.jpg); background-size: cover;][/div][/div][/div]

[div=flex: 1; background: #f7f7f7; height: 405px; box-sizing: border-box; padding: 20px;]
[div=height: 365px; overflow-y: auto; font-size: 10px; color: #888; line-height: 18px; text-align: justify;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.
[br][/br][br][/br]
Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.
[br][/br][br][/br]
Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.
[/div][/div][/div][/div][div=text-align: center; margin-top: 20px; font-size: 6px; letter-spacing: 3px; text-transform: uppercase; font-family: Montserrat; color: #999;]code by spidey[/div][/div][div=opacity: 0;][fa]fas fa-spider[/fa][/div][/div]
[/nobr]

[class name=button] box-sizing: border-box; display: inline-block; width: 100px; margin-right: 5px; margin-left: 5px; background-color: #e6e6e6; text-align: center; font-family: 'Roboto Mono'; font-size: 14px; color: #bbb; padding: 10px; transition: all .5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedbutton] box-sizing: border-box; width: 200px; margin-right: 5px; margin-left: 5px; background-color: #bbb; text-align: center; font-family: 'Roboto Mono'; font-size: 14px; color: #fff; padding: 10px; transition: all .5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=button state=hover] color: #fff; background-color: #bbb; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [script class=button on=click] hide tabcontents removeClass selectedbutton button set currentTab (getText) if (eq ${currentTab} 1) (addClass selectedbutton buttonone) if (eq ${currentTab} 2) (addClass selectedbutton buttontwo) if (eq ${currentTab} 3) (addClass selectedbutton buttonthree) if (eq ${currentTab} 4) (addClass selectedbutton buttonfour) if (eq ${currentTab} 1) (show tabcontentsone) if (eq ${currentTab} 2) (show tabcontentstwo) if (eq ${currentTab} 3) (show tabcontentsthree) if (eq ${currentTab} 4) (show tabcontentsfour) [/script]

half goddess, half hell

[div class="button buttonone"]001

[div class="button buttontwo"]002[/div] [div class="button buttonthree"]003[/div] [div class="button buttonfour"]004[/div] [div class="tabcontents tabcontentsone"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.

Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.

Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.

code by spidey

[/div] [div class="tabcontents tabcontentstwo" style="display: none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.

Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.

Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.

code by spidey

[/div] [div class="tabcontents tabcontentsthree" style="display: none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.

Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.

Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.

code by spidey

[/div] [div class="tabcontents tabcontentsfour" style="display: none;"]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum condimentum nunc, quis fringilla magna bibendum sed. Sed semper diam a nisi rutrum, a ultrices ligula scelerisque. Integer a erat euismod, dignissim felis at, dignissim risus. Mauris vel eleifend ante. Curabitur finibus, felis nec volutpat auctor, felis leo lacinia urna, ut eleifend dolor libero id purus. Donec mollis rutrum placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis id felis quis enim consectetur fermentum. Maecenas vel erat id purus ornare vehicula faucibus a urna. Curabitur cursus dolor in tincidunt suscipit. Duis placerat fermentum diam, vitae ultrices nunc tincidunt quis.

Suspendisse sed egestas velit. Phasellus venenatis urna non faucibus ultricies. Aliquam mattis lobortis magna non pulvinar. Sed sagittis, mi ut ullamcorper tempus, felis diam malesuada massa, malesuada ornare dui risus id sem. Donec nec tortor orci. Quisque ac sapien vehicula, vestibulum lorem et, tempus enim. Proin at massa eu augue scelerisque interdum eleifend vitae eros. Aliquam vitae turpis lacus. Cras sagittis mattis lorem, ullamcorper auctor elit aliquet in. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam vitae laoreet nibh. Vestibulum id lorem nec sapien egestas commodo.

Phasellus porta vestibulum finibus. Aliquam tortor elit, gravida ut porttitor at, aliquet id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin ut dolor ultricies, sagittis enim eget, varius nibh. Cras rhoncus porttitor pulvinar. Nunc eget gravida est, in dapibus ligula. Suspendisse potenti. Phasellus maximus vitae augue non tristique. Nam vel augue et tortor ultrices bibendum. Nam volutpat sem ut cursus pharetra. In luctus, massa sit amet facilisis vestibulum, ex tellus bibendum neque, nec cursus sapien nibh vitae nisi. Nam pretium dolor vitae lacus porttitor dapibus. Curabitur ultricies vel arcu in interdum. Aliquam vitae purus vel nibh lacinia porta a et felis.

code by spidey

[/div]

[/div]