BBCode Help

wren. · Jun 13, 2021

Yes, you can do that You just repeat the tabs code within the tab you want the new tabs to appear under.

Shotgun Vigilante · Jun 14, 2021

Hey, @Jenamos can you help me with making a character sheet layout? I have an idea for one but I'm new to div coding; I don't know where to start. u.o

wren. · Jun 14, 2021

Sure! You should probably DM me, so we don't plug up this thread. Also, there are some great resources on the site to check out if you haven't already like the BB code list and the divtionary. I also have a coding guide that you might find useful for getting started with stuff.

XIII · Jun 15, 2021

Would I be able to get some assistance hiding a scroll bar? I can't seem to figure it out.

wren. · Jun 15, 2021

There's a post about that here, if you haven't seen it yet. I don't really use a lot of hidden scrolls myself, but I think it really comes down to setting the second box to a width of 120% and then playing around with the left and right margins/padding until the scroll is hidden.

Sidhe · Jun 22, 2021

Can we change the background/text colour of a table, or do we have to fiddle with divs for that?

Kuno · Jun 22, 2021

XIII said:
Would I be able to get some assistance hiding a scroll bar? I can't seem to figure it out.

Hi! If you're still having trouble with it, you can link me the post and I can take a peek at your code :^)

Sidhe said:
Can we change the background/text colour of a table, or do we have to fiddle with divs for that?

There's a helpful post here (as well as the following post) that can give you some insight about using div boxes within the table cell. Hope this is what you're looking for!

Kuno · Dec 9, 2021

Hello everyone. Due to the last update, we were unable to utilize the tabs code for a while. Thankfully @Absyinthe has come up with a new code to use them, and I thought I'd share their work here so that it doesn't get lost in general chatting :^) Use the following code:

Code:

[tabs=200]
{slide=first slide}content{/slide}
{slide=second slide}content{/slide}
[/tabs]

And you will get something like this:

first slide second slide

content
content

Thanks again to Absyinthe for discovering this!

marc122 · Feb 18, 2022

How do I get the text to change to what I want it to read when I hover over it, and then back to what it was once I move my cursor off the text in question? So far there have been no leads, at least on my end.

MaryGold · Feb 18, 2022

marc122 said:
How do I get the text to change to what I want it to read when I hover over it, and then back to what it was once I move my cursor off the text in question? So far there have been no leads, at least on my end.

Hello! I read over your question twice to understand what you're inquiring about and I was wondering do you mean tooltips (aka hover text)?

e.g.:

The hover text will only appear when you move your cursor over it and will disappear when you move it away. I dropped the code below so you can see how to do it yourself.

Code:

[tooltip="THE HOVER TEXT INSERTED HERE"]The standard text right here[/tooltip]

I hope this helps!

marc122 · Feb 18, 2022

MaryGold said:
marc122 said:

How do I get the text to change to what I want it to read when I hover over it, and then back to what it was once I move my cursor off the text in question? So far there have been no leads, at least on my end.

Click to expand...

Hello! I read over your question twice to understand what you're inquiring about and I was wondering do you mean tooltips (aka hover text)?

e.g.:

The hover text will only appear when you move your cursor over it and will disappear when you move it away. I dropped the code below so you can see how to do it yourself.

Code:

[tooltip="THE HOVER TEXT INSERTED HERE"]The standard text right here[/tooltip]

I hope this helps!

Hello! I will accept the tooltips for now, since I have not yet found a way to actually change the text itself by hovering over instead of simply having alternate text show up alongside the original.

Thank you!

Loveless · Feb 18, 2022

I think that what you actually want, which are hover effects, might only be possible if we could use classes ^^'
You can change the cursor itself, but what's in the div itself? We might not have the tools for it

marc122 · Feb 18, 2022

Loveless said:
I think that what you actually want, which are hover effects, might only be possible if we could use classes ^^'
You can change the cursor itself, but what's in the div itself? We might not have the tools for it

Unfortunately it does appear that classes aren't supported here. I think that with the way CSS hover effects work, even if Iwaku does add classes later down the line, it's a 50-50 on whether it comes with pseudo-classes (ie. :hover) as well.

Absyinthe_Artica · Feb 25, 2022

So I was wondering if it was possible to add a custom scroll bar to the tab code made by @Ardent
I tried doing this myself but it leaves this gigantic space wherever I put the div.

Pearls of Persia

1 2 3 4

General Information

Personal Information

Physical Information

Other Information

Name
Gender
Age
Nationality
Basics

Personality

Biography

Misc

Lorem 2
Basics

Personality

Biography

Misc

Lorem 3
Basics

Personality

Biography

Misc

Lorem 4

Character Sheet

Code:

[div=
width: 100%;
margin: auto;
background: #580826 url(https://img.nickpic.host/u2xQcF.png) repeat center;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
overflow: hidden;]
[div=
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
margin: auto;
width: 93%;
padding: 5px;
color: #D8A0D5;
font-size: 40pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;][b]Pearls of Persia[/b][/div]
[div=
width: 98%;
margin: auto;
overflow: hidden;][div=
margin-top: -40px;
margin-left: 15px;
margin-bottom: 20px;
color: black;][TABS=98%]
{slide=1}[div=
/* NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background-color: #721830;
border: 3px solid transparent;
padding: 5px;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #D8A0D5;
font-size: 30pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;][b]General Information[/b][/div][div=
flex: 1;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 30pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=2}[color=#DC9DB6][b]Personal Information[/b][/color]{/tab}[/div][div=
flex: 1;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 25pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=3}[color=#DC9DB6][b]Physical Information[/b][/color]{/tab}[/div][div=
flex: 1;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 30pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=4}[color=#DC9DB6][b]Other Information[/b][/color]{/tab}[/div][/div][div=
/* BODY 1 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
/* PICTURE 1 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 1 */
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
padding: 10px;
overflow-y: scroll;]Name
Gender
Age
Nationality

[/div][/div][div=
background: url(https://i.imgur.com/l67sbl5.png) 50% 50%/cover;
width: 20px;
height: 398px;
flex: 3;
left: 93%;
top: -750px;
pointer-events: none;][/div]{/slide}
{slide=2}[div=
/* TAB 2 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Personality[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 2 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 2 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 2 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 2[/div][/div]{/slide}
{slide=3}[div=
/* TAB 3 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Biography[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 3 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 3 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 3 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 3[/div][/div]{/slide}
{slide=4}[div=
/* TAB 4 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Misc[/div][/div][div=
/* BODY 4 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 4 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 4 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 4[/div][/div]{/slide}
[/TABS][/div][/div][div=
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
margin: auto;
width: 93%;
padding: 5px;
color: #D8A0D5;
font-size: 40pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;][b]Character Sheet[/b][/div]
[/div]

Ardent · Feb 25, 2022

@Absyinthe

Hi again.

The empty space is normal and will happen whenever you try to adjust the positioning of an element. There are multiple ways you can hide the space it leaves behind. The simplest way to do this is by adding the margin-bottom property to the scrollbar element. Use the flex container's height, which in this case is 400px, and simply make it negative.

Then, remove your flex, left, and top values. Flex is not necessary in this scenario as the element isn't inside a flex container and won't actually be able to do anything. The left and top properties can and should be used in this scenario--you did that correctly--but the values are incorrect.

To save you the headache of doing a shitton of math, simply use float: right and top: -400px. Again, the value for top reflects the height of the element above it. The scrollbar should stay fixed in its spot even as you adjust your browser window.

Code:

[div=
width: 100%;
margin: auto;
background: #580826 url(https://img.nickpic.host/u2xQcF.png) repeat center;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
overflow: hidden;]
[div=
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
margin: auto;
width: 93%;
padding: 5px;
color: #D8A0D5;
font-size: 40pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;][b]Pearls of Persia[/b][/div]
[div=
width: 98%;
margin: auto;
overflow: hidden;][div=
margin-top: -40px;
margin-left: 15px;
margin-bottom: 20px;
color: black;][TABS=98%]
{slide=1}[div=
/* NAV BAR */
display: flex;
flex-wrap: wrap;][div=
flex: 1;
min-width: 100px;
background-color: #721830;
border: 3px solid transparent;
padding: 5px;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #D8A0D5;
font-size: 10pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;][b]General Information[/b][/div][div=
flex: 1;
min-width: 100px;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 10pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=2}[color=#DC9DB6][b]Personal Information[/b][/color]{/tab}[/div][div=
flex: 1;
min-width: 100px;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 10pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=3}[color=#DC9DB6][b]Physical Information[/b][/color]{/tab}[/div][div=
flex: 1;
min-width: 100px;
background: #9B344F;
border: 3px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
color: #A05171;
font-size: 10pt;
padding: 5px;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;
display: flex;
justify-content: center;
align-items: center;]{tab=4}[color=#DC9DB6][b]Other Information[/b][/color]{/tab}[/div][/div][div=
/* BODY 1 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
/* PICTURE 1 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 1 */
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
padding: 10px;
overflow-y: scroll;]Name
Gender
Age
Nationality

[/div][/div][div=
/*scrollbar*/
float: right; /* easier way to make it appear on the right side */
top: -400px; /* -400px because that is the body's height */
margin-bottom: -400px; /* again, same as the body's height */
background: url(https://i.imgur.com/l67sbl5.png) 50% 50%/cover;
width: 20px;
height: 398px;
pointer-events: none;][/div]{/slide}
{slide=2}[div=
/* TAB 2 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Personality[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 2 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 2 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 2 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 2[/div][/div]{/slide}
{slide=3}[div=
/* TAB 3 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Biography[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=4}Misc{/tab}[/div][/div][div=
/* BODY 3 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 3 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 3 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 3[/div][/div]{/slide}
{slide=4}[div=
/* TAB 4 NAV BAR */
display: flex;
height: 50px;][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=1}Basics{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=2}Personality{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]{tab=3}Biography{/tab}[/div][div=
flex: 1;
background: white;
display: flex;
justify-content: center;
align-items: center;]Misc[/div][/div][div=
/* BODY 4 */
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;][div=
flex: 1;
min-width: 230px;
height: 400px;
/* PICTURE 4 */
background: url(https://i.imgur.com/CelzVfK.png) 50% 50%/cover;][/div][div=
flex: 2;
min-width: 230px;
height: 400px;
/* TEXT BG 4 */
background: white;
padding: 10px;
overflow-y: scroll;]Lorem 4[/div][/div]{/slide}
[/TABS][/div][/div][div=
background-color: #721830;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u2xQcF.png) 40 stretch;
margin: auto;
width: 93%;
padding: 5px;
color: #D8A0D5;
font-size: 40pt;
font-family: 'Estonia', cursive;
text-align: center;
text-shadow: 2px 1px #52005C, 0 2px #52005C, 2px 1px #52005C, 0 2px #52005C;][b]Character Sheet[/b][/div]
[/div]

P.S. I made some adjustments to your navbar as it was spilling out of the box before. If you want an explanation for it, let me know.

Absyinthe_Artica · Feb 26, 2022

Thank you so much! That definitely solved my problem!

Absyinthe_Artica · Feb 28, 2022

Hello!
So I was figuring out some different ways to showcase the sliders, and I looked up a way to make the arrows go on the inside. My question is would there be a way to hide the arrows with an overlay div that is like a custom image? Kind of like the custom scrollbars but just one image for each side where the arrow is? Here is what the code looks like with the inside tag:

Code:

[div=
overflow: hidden
width: 756px;
height: 625px;][div=
margin: 0 -47px;
max-width: 850px !important;][slider=850x650|inside]
{slide}[div=
width: 756px;
height: 625px;
background: red;][/div]{/slide}{slide}[div=
width: 756px;
height: 625px;
background: blue;][/div]{/slide}[/slider][/div][/div]

Would I put two divs inside the slider itself for what I'm trying to do?

Ardent · Mar 1, 2022

@Absyinthe

Since we're essentially creating fake buttons that we can layer on top of the real buttons, we're going to want to put that code outside of the silder code.

It's very similar to the fake scrollbar. Just create a div box specifying the height of the element we want covered (625px in this case), specify its width (47px, which is the width of the original arrows), define its positioning relative to its original location (top: -650px, because that is your slider's height), specify pointer-events: none; since we want to be able to click through the fake button, a z-index of 10 to make sure it is layered above all our other elements, and finally -625px for margin-bottom so we can get rid of the space it leaves behind.

Write the same code for the right button and add float: right to it.

Code:

[div=
overflow: hidden;
width: 756px;
height: 625px;][div=
margin: 0 -47px;
max-width: 850px !important;][slider=850x650|inside]
{slide}[div=
width: 756px;
height: 625px;
background: red;][/div]{/slide}{slide}[div=
width: 756px;
height: 625px;
background: blue;][/div]{/slide}[/slider][/div][div= /* LEFT BUTTON */
background: white;
width: 47px;
top: -650px; /* same as slider height */
z-index: 10;
pointer-events: none;
height: 625px; /*same as element height */
margin-bottom: -625px;][/div][div= /* RIGHT BUTTON */
background: white; 
width: 47px;
top: -650px; /* same as slider height */
z-index: 10;
pointer-events: none;
height: 625px; /*same as element height */
margin-bottom: -625px;
float: right;][/div][/div]

Absyinthe_Artica · Mar 1, 2022

So I was working along with the slider and my new project. I have no idea why the text box of the slider scrolls. It seems like only a problem when I scroll my mouse over it without clicking it. Is there any way to fix this or do I just have to live with the weird scroll? XD

The Bureau of Peculiar Affairs

handbook and encyclopedia

Peculiar Encyclopedia

Words Go Here

LETTER A - Helpful

i ii iii iv v

tab
tab
tab
tab
tab

folder

Code by Jenamos
tab

tab
tab
tab
tab

folder

folder

tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab
tab
tab

folder

folder

tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab

tab
tab

folder

folder

tab
tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab

tab

tab

folder

folder

tab
tab
tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos

i ii iii iv v

tab
tab
tab
tab
tab

folder

Code by Jenamos
tab

tab
tab
tab
tab

folder

folder

tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab
tab
tab

folder

folder

tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab

tab
tab

folder

folder

tab
tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos
tab

tab

tab

tab

tab

folder

folder

tab
tab
tab
tab

image

label here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.

Code by Jenamos

Code:

[div=
background: #39723F url('https://img.nickpic.host/u6fX3N.png') repeat center;
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u6fX3N.png) 40 stretch;
padding: 5px;
margin: auto;
width: 93%;
height: auto;]
[div=
background: #AB976B url('https://img.nickpic.host/u6fAEJ.png') repeat center;
border: 5px double #53411C;
margin: auto;
width: 92%;
padding: 7px;
color: #FCF3D7;
font-size: 30pt;
font-family:  Raleway;
text-align: center;
text-shadow: 2px 1px #1C1300, 0 2px #1C1300, 2px 1px #1C1300, 0 2px #1C1300;]The Bureau of Peculiar Affairs[/div]

[div=
background: #AB976B url('https://img.nickpic.host/u6fAEJ.png') repeat center;
border: 5px double #53411C;
margin: auto;
width: 92%;
padding: 15px;
color: #FCF3D7;
font-size: 15pt;
font-weight: 400px;
letter-spacing: 1pt;
font-family: Raleway;
text-shadow: 2px 1px #1C1300, 0 2px #1C1300, 2px 1px #1C1300, 0 2px #1C1300;][div=background: #7E7259 url(https://img.nickpic.host/u6fVxb.png) repeat center; 
 padding: 5px; 
 width: 100%; 
 margin: auto;
border: 3px double #53411C;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
height: 50px; 
 color: #FCF3D7;
font-size: 37pt;
font-variant: small-caps;
text-align: center;
line-height: 0.5;
letter-spacing: 1pt;
word-spacing: 2pt;
font-family: Amatic SC;
font-weight: 400px;
text-shadow: 3px 1px #1C1300, 1px 3px #1C1300, 3px 1px #1C1300, 1px 3px #1C1300;][b]handbook and encyclopedia[/b][/div]

[/div]
[div=
overflow: hidden;
margin:auto;
width: 756px;
height: 625px;][div=
margin: 0 -47px;
max-width: 850px !important;][slider=850x650|inside]
{slide_header}[div=background: url(https://img.nickpic.host/uJQoZs.jpg) 50% 50% /contain;
border: 5px double #53411C;
 padding: 9px; 
 margin-bottom: -3px;][div=
 background:linear-gradient(#e7c9a9,#b8a997,#948462);
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u6fAEJ.png) 40 stretch;
margin: auto;
 width: 756px;
 padding: 5px;
color: #FCF3D7;
font-size: 30pt;
font-family:  Raleway;
text-align: center;
text-shadow: 2px 1px #1C1300, 0 2px #1C1300, 2px 1px #1C1300, 0 2px #1C1300;]Peculiar Encyclopedia[/div][/div]{/slide_header}{slide}[div=
width: 756px;
height: 515px;
padding: 10px;
text-align:center;color: #FCF3D7;
font-size: 15pt;
font-weight: 400px;
letter-spacing: 1pt;
font-family: Raleway;
text-shadow: 2px 1px #1C1300, 0 2px #1C1300, 2px 1px #1C1300, 0 2px #1C1300;
background: #AB976B url('https://img.nickpic.host/u6fAEJ.png') repeat center;
border: 5px double #53411C;]Words Go Here
[/div]



{/slide}{slide_header}[div=background: url(https://img.nickpic.host/uJQoZs.jpg) 50% 50% /contain;
border: 5px double #53411C;
 padding: 9px; 
 margin-bottom: -3px;][div=
 background:linear-gradient(#e7c9a9,#b8a997,#948462);
border: 5px solid transparent;
border-image: url(https://img.nickpic.host/u6fAEJ.png) 40 stretch;
margin: auto;
 width: 756px;
 padding: 5px;
color: #FCF3D7;
font-size: 30pt;
font-family:  Raleway;
text-align: center;
text-shadow: 2px 1px #1C1300, 0 2px #1C1300, 2px 1px #1C1300, 0 2px #1C1300;]LETTER A - Helpful[/div][/div]{/slide_header}{slide}[div=
width: 756px;
height: auto;
padding: 10px;
background: #AB976B url('https://img.nickpic.host/u6fAEJ.png') repeat center;
border: 5px double #53411C;]
[div=margin: auto; height: auto; width: 500px; overflow: hidden;]
[div=margin-top: -67px;][TABS=500]
{slide=i}[div=
margin: auto;
height: 300px;
width: 480px;][div=
height: 30px;
width: 480px;][div=
display: flex;
flex-direction: row;]{tab=1}[div=position: relative; z-index: 5; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=position: relative; z-index: 4; left: -5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=3}[div=position: relative; z-index: 3; left: -10px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: -15px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; left: -20px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 465px;
border-radius: 0px 0px 10px 10px;
background: #e7c9a9;][div=
margin: auto;
height: 270px;
width: 400px;
background: url(https://www.seekpng.com/png/full/76-763760_how-to-make-a-realistic-old-rubber-stamp.png);
background-size: contain;
background-position: 50% 30%;
background-repeat: no-repeat;
font-size: 0px;]folder[/div][/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=ii}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=2}[div=position: relative; z-index: 4; left: 15px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=position: relative; z-index: 3; left: 10px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://prairieschooner.unl.edu/sites/default/files/fusion/art/Syjuco_Blank_0.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=iii}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=3}[div=position: relative; z-index: 3; left: 10px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://data.whicdn.com/images/326210621/original.jpg);
background-size: cover;
background-position: left;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=iv}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 3;
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=margin-top: -30px; margin-left: 175px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://data.whicdn.com/images/325757357/original.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=v}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 3;
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 2;
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=5}[div=height: 30px; width: 110px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=margin-top: -30px; margin-left: 175px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=4}[div=margin-top: -30px; margin-left: 255px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://i.pinimg.com/736x/e9/a0/4a/e9a04a7cdc22116ec64d1b35bacb009f.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}
[/TABS][/div][/div]
[div=margin: auto; height: auto; width: 500px; overflow: hidden;]
[div=margin-top: -67px;][TABS=500]
{slide=i}[div=
margin: auto;
height: 300px;
width: 480px;][div=
height: 30px;
width: 480px;][div=
display: flex;
flex-direction: row;]{tab=1}[div=position: relative; z-index: 5; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=position: relative; z-index: 4; left: -5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=3}[div=position: relative; z-index: 3; left: -10px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: -15px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; left: -20px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 5px solid #F5F5F5; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 465px;
border-radius: 0px 0px 10px 10px;
background: #e7c9a9;][div=
margin: auto;
height: 270px;
width: 400px;
background: url(https://www.seekpng.com/png/full/76-763760_how-to-make-a-realistic-old-rubber-stamp.png);
background-size: contain;
background-position: 50% 30%;
background-repeat: no-repeat;
font-size: 0px;]folder[/div][/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=ii}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=2}[div=position: relative; z-index: 4; left: 15px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=position: relative; z-index: 3; left: 10px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://prairieschooner.unl.edu/sites/default/files/fusion/art/Syjuco_Blank_0.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=iii}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=3}[div=position: relative; z-index: 3; left: 10px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://data.whicdn.com/images/326210621/original.jpg);
background-size: cover;
background-position: left;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=iv}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 3;
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=4}[div=position: relative; z-index: 2; left: 5px; height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=5}[div=position: relative; height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; border-bottom: 1px solid #a28d76; background: linear-gradient(to right, #746555, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9, #e7c9a9); font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 95px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=margin-top: -30px; margin-left: 175px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://data.whicdn.com/images/325757357/original.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}

{slide=v}[div=
margin: auto;
height: 600px;
width: 450px;][div=
height: 30px;
width: 450px;][div=
display: flex;
flex-direction: row;][div=
z-index: 5;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 3;
margin-left: -5px;
height: 30px;
width: 95px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div][div=
z-index: 2;
margin-left: -5px;
height: 30px;
width: 80px;
border-radius: 10px 10px 0px 0px;
font-size: 0px;]tab[/div]{tab=5}[div=height: 30px; width: 110px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[/div][/div][div=
height: 270px;
width: 450px;
border-bottom: 1px solid #a28d76;
background: #e7c9a9;
font-size: 0px;]folder[/div][div=
height: 270px;
width: 450px;
background: #e7c9a9;
font-size: 0px;]folder[/div][/div]{tab=1}[div=margin-top: -30px; margin-left: 15px; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=2}[div=margin-top: -30px; margin-left: 95px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=3}[div=margin-top: -30px; margin-left: 175px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}{tab=4}[div=margin-top: -30px; margin-left: 255px; border-left: 1px solid #a28d76; transform: scaley(-1); height: 30px; width: 105px; border-radius: 10px 10px 0px 0px; background: #e7c9a9; font-size: 0px;]tab[/div]{/tab}[div=
margin: auto;
margin-top: -530px;
margin-bottom: 100px;
height: 450px;
width: 320px;
border: 1px solid #beaf9f;
filter: drop-shadow(2px 2px 2px #a28d76);
background: #E2DED0;][div=
height: 135px;
width: 135px;
background: url(https://i.pinimg.com/736x/e9/a0/4a/e9a04a7cdc22116ec64d1b35bacb009f.jpg);
background-size: cover;
background-position: center;
font-size: 0px;]image[/div][div=
margin: auto;
margin-top: -155px;
margin-left: -35px;
height: 200px;
width: 200px;
background: url(https://cdn131.picsart.com/267734473023211.png);
background-size: contain;][div=
margin: auto;
padding-top: 155px;
padding-left: 10px;
height: 50px;
width: 100px;
text-align: center;
font-variant: small-caps;
font-weight: bold;
font-family: indie flower;
font-size: 20px;
color: black;]label here[/div][/div][div=
float: right;
margin-top: -180px;
height: 165px;
width: 175px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][div=
height: 260px;
width: 320px;
padding-left: 10px;
padding-right: 10px;
overflow: auto;
font-family: times new roman;
font-size: 10px;
color: black;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada elementum ipsum non varius. Cras ex massa, aliquet in libero quis, porta faucibus orci. Mauris dapibus ultrices semper. Fusce neque enim, gravida ultricies odio et, congue aliquam ipsum. Etiam interdum fermentum nunc, gravida lobortis nibh feugiat at. Ut ut placerat magna. Sed vehicula ligula dapibus scelerisque ornare. Mauris faucibus ante id arcu aliquam hendrerit. Vestibulum justo ipsum, consectetur ac pretium a, convallis nec velit.

Integer euismod tortor sapien. Sed sed faucibus diam. Nullam nibh tellus, ornare et metus ut, porta dignissim mauris. Aliquam felis eros, pulvinar quis turpis ut, laoreet auctor elit. Cras mattis elementum dolor, eget euismod nulla iaculis ut. Duis pretium erat justo, nec scelerisque orci consectetur sagittis. Morbi accumsan orci nec elit commodo iaculis. Phasellus justo diam, bibendum id aliquam quis, lobortis eget dui. Pellentesque sagittis eros at magna condimentum sodales. Cras mattis nulla risus, et tempus leo imperdiet vitae. In hac habitasse platea dictumst. Etiam pretium eros leo, vitae sodales purus ultrices a. Curabitur euismod pharetra nisl, in sollicitudin ex imperdiet eu. Nullam a mollis ligula, eu sollicitudin nibh. Aliquam pulvinar, turpis quis sodales tincidunt, ligula purus condimentum ante, sit amet imperdiet felis diam at mi.

Donec luctus nisl eget gravida elementum. Integer ut molestie urna. Nulla et porttitor ligula, ac aliquet dui. In arcu turpis, molestie in lobortis tincidunt, tristique in ex. Sed tristique nunc sed eros egestas viverra. Sed interdum orci neque, vel tempus mi auctor eu. Aliquam faucibus efficitur diam in laoreet. Aliquam feugiat nibh nunc, non porttitor elit pellentesque accumsan. Suspendisse eget viverra est, ut condimentum ligula. Nullam tortor nisl, varius sed elit eget, blandit viverra neque. Phasellus fermentum fringilla euismod. Morbi at enim arcu. Curabitur ipsum urna, tempus ac faucibus vel, condimentum id massa. Sed facilisis magna ante, et sodales eros fermentum ac.[/div][/div][div=margin: auto; width: auto; height: 10px; text-align: center; font-size: 8px;]Code by Jenamos[/div]{/slide}
[/TABS][/div][/div][/div]



{/slide}[/slider][/div][div= /* LEFT BUTTON */
background: url(https://img.nickpic.host/uJCZCW.png) 50% 50%/cover;
border: 5px double #53411C;
width: 47px;
top: -650px; /* same as slider height */
z-index: 10;
pointer-events: none;
height: 625px; /*same as element height */
margin-bottom: -625px;][/div][div= /* RIGHT BUTTON */
background: url(https://img.nickpic.host/uJCeWY.png) 50% 50%/cover;
border: 5px double #53411C;
width: 47px;
top: -650px; /* same as slider height */
z-index: 10;
pointer-events: none;
height: 625px; /*same as element height */
margin-bottom: -625px;
float: right;][/div][/div]

[/div]

Ardent · Mar 2, 2022

@Absyinthe

The culprit is {slide_header}{/slide_header}. This is separate from the {slide}{/slide}, which is then pushed below it. And because that (overall) ends up being greater than the container's fixed height, the slider defaults to scroll.

But the overarching problem here (which is especially present in slide 2) is that you have a greater amount of content than what your element can contain. You specified a fixed height for your slider, and you need a fixed height if you want to retain the dummy buttons we created earlier. Either you adjust the dimensions of your container and make it bigger to accommodate the amount of content inside of it (and adjust the button sizes as well), or you embrace the scroll functionality.

Like, let's say I have a 200x200 element, if I paste a 5000-word essay into such a small element, most of those words will eventually spill out of the box.

Honestly though, I think you're better off using tabs for what you're trying to do, especially since you have tab codes inside your slider codes at the moment. If you try clicking on the tabs as they are right now, they won't work; it will immediately go to the next slide. Sliders and tabs can only work together if the slider is inside the tab code. The reverse does not seem to be possible.

BBCode Help

elegance is more important than suffering

Watch Me Burn

elegance is more important than suffering

I reject your reality and substitute my own

elegance is more important than suffering

poor little meow meow

Django Jane

Django Jane

kono jotaro da

terrified to be known, desperate to be understood

kono jotaro da

With an ever-bleeding heart...

kono jotaro da

Creator of Worlds

your blood on my teeth

Creator of Worlds

Creator of Worlds

your blood on my teeth

Creator of Worlds

your blood on my teeth