[comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙ [font=Karla][font=Open Sans][font=Poppins]kero! stop eating the sweets![/font][/font][/font] to change the colours + images, change them below in the variables [/comment][border=0px; padding:0px; display:block; font-smoothing:antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; text-align:justify; white-space:nowrap; box-sizing:border-box; width:100%; height:auto; overflow:hidden; line-height:0px; padding-top:60px; padding-bottom:60px; font-size:0px; color: #b2b2b2; /* ------ colours ------ */ --font-color:#8faaab; --white: #979797; background-color:#eeecec; --bg: #fff; --grey: #f4f4f4; /* ------ fonts ------ */ --headerfont:Open Sans; --name: Poppins; /* ------ images ------ */ --image: url(https://i.pinimg.com/564x/dc/1b/93/dc1b9362c598d6ee8114ce20179ebfa0.jpg) center/cover no-repeat; --tab2img1: URL(https://i.pinimg.com/564x/a6/af/54/a6af542e2f4cd1332ab69a5873bef346.jpg) center/cover no-repeat; --tab2img2: URL(https://i.pinimg.com/564x/99/19/ba/9919ba6ab87038e54986c86f8a3e605c.jpg) center/cover no-repeat; --tab3img1: url(https://data.whicdn.com/images/281867654/original.jpg) center/cover no-repeat; --tab3img2:url(https://i.pinimg.com/originals/b5/e2/db/b5e2db7b474029564b4bcf7035f0cc6a.jpg) center/cover no-repeat; --tab3img3:url(https://en.kepoper.com/wp-content/uploads/2020/10/drippin-cha-junho-profile-scaled-e1603338344338-758x540.jpg) center/cover no-repeat; --tab4img1:URL(https://i.pinimg.com/564x/1b/e9/83/1be9833507a15d0eddf0f734c153462b.jpg) center/cover no-repeat; --tab4img2:URL(https://i.pinimg.com/originals/e6/95/59/e6955914b3eeeb77d6d592fbc4d14623.gif) center/cover no-repeat; --tab4img3:URL(https://i.pinimg.com/originals/35/95/f3/3595f3024e3c7936efc2ed706a5c5b68.gif) center/cover no-repeat; --tab4img4:URL(https://i.pinimg.com/564x/33/51/26/33512608102fec2d686cc4cd2f8a4850.jpg) center/cover no-repeat; --tab4img5:URL(https://i.pinimg.com/564x/8d/a2/d1/8da2d1c2994483e38978bfc726a14c2c.jpg) center/cover no-repeat; --tab4img6:URL(https://i.pinimg.com/originals/7f/cd/e7/7fcde756e8839971f4d2c7901c86cd54.gif) center/cover no-repeat; /* ------ cursor ------ */ cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;] [border=0px; padding:0px; max-width:500px; width:100%; height:fit-content; margin:auto; display:flex; flex-flow: row wrap; justify-content:center; align-items:center; ] [border=0px;padding:0px; max-width:310px; width:180px; height:400px; flex-grow: 1; align-items:stretch] [border=0px;padding:0px; width:100%; height:400px;background:var(--image); flex-grow: 1; flex-shrink:0; ] [/border] [/border] [border=0px; padding:0px; max-width:310px;width:100%; height:400px; background:var(--bg); display:flex;justify-content:center; ] [border=0px; padding:0px; max-width:260px; width:100%; height:400px;][/border] [border=0px; padding:0px; max-width:50px; width:100%; height:400px; ] [border=0px; padding:0px; max-width:50px; width:100%; height:400px; position:absolute;z-index:1; background:var(--bg); pointer-events:none; white-space:normal; font-size:10px; line-height:55px; text-align:center;box-sizing:border-box; ][border=0px; padding:0px; margin-top:-60px; /* ------ tab covers ------ */] [fa]fal fa-circle[/fa] [fa]fal fa-circle[/fa] [fa]fal fa-circle[/fa] [fa]fal fa-circle[/fa] [/border] [border=0px; padding:0px; transform:rotate(270deg); height:40px; width:175px; position:absolute; margin-top:-40px; margin-left:-70px; text-align:left; font-family:var(--name); font-size:40px; /* ------ character name ------ */]ryeom. [/border][/border] [border=0px; padding:0px; max-width:50px; width:100%; height:400px; transform:scale(0.5); margin-left:-10px; line-height:100px; margin-top:-100px;][tabs] /* ------ TAB ONE ------ */ [tab=01][border=0px; padding:0px; width:260px; height:400px; position:absolute; transform:scale(2); margin-top:-242px; margin-left:-415px;line-height:10px; z-index:3;] [border=0px; padding:0px; width:240px; height:160px;margin-left:15px; ] [border=0px; padding:0px; width:250px; height:150px; display:flex; flex-flow:row wrap; font-size:8px; font-weight:400; letter-spacing:2px; font-family:var(--headerfont); text-transform:uppercase; font-size:8px; font-weight:400; letter-spacing:2px; font-family:var(--headerfont); text-transform:uppercase; ] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-signature[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; margin-right:10px; /* ------ character name ------ */]name[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fab fa-pagelines[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; /* ------ character age ------ */]age[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-user[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; margin-right:10px; /* ------ character role ------ */]role[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-user-graduate[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; /* ------ character occupation ------ */]occupation[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-birthday-cake[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; margin-right:10px; /* ------ character birthday ------ */]birthday[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-venus-mars[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; /* ------ character gender ------ */]gender[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-globe-asia[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; margin-right:10px; /* ------ character place of birth ------ */]country[/border] [border=0px; padding:0px; width:20px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); ][fa]fas fa-heart[/fa][/border] [border=0px; padding:0px;width: 90px; height:20px; line-height:20px; margin-left:10px; /* ------ character sexuality ------ */]sexuality[/border] [/border][/border] [border=0px; padding:0px; width:255px; height:220px; margin-top:-25px;margin-left:5px;overflow:hidden;display:flex; flex-direction:column; ] [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: Karla; ][border=0; height:auto; width:51%; box-sizing:border-box; /* ------ tab one content ------ */][border=0px; padding:0px; display:flex; flex;justify-content:space-evenly;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]height[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]weight[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; /* ------ height answer ------ */ ]height answer[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; /* ------ weight answer ------ */ ]weight answer[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]blood type[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]star sign[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; /* ------ blood type answer ------ */ ]blood type answer[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; /* ------ star sign answer ------ */ ]star sign answer[/border][/border] [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]hair[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]eyes[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]body type[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]body mods[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]body style[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]face claim[/border] Answer here [/border][/border][/border] [/border][/tab] /* ------ TAB TWO ------ */ [tab=02][border=0px; padding:0px; width:260px; height:400px; position:absolute; transform:scale(2); margin-top:-242px; margin-left:-415px;line-height:10px; z-index:3;overflow:hidden;display:flex; flex-direction:column; ] [border=0px; padding:0px; height:calc(100% - 30px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: Karla; ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ tab two content ------ */ ][border=0px; padding:0px; width:200px; margin:auto; height:100px; background:var(--tab2img1);][/border] [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]personality[/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]introvert[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]observant[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]100%[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]72%[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]thinking[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]judging[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]75%[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]83%[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]turbulent[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]assertive[/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin-top:-10px;][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]75%[/border][border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; ]25%[/border][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:200px; margin:auto; height:100px; background:var(--tab2img2);][/border] [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]traits[/border] [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]positive traits[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:70px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); font-family:var(--name); color:var(--white); ]negative traits[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [/border][/border][/border][/tab] /* ------ TAB THREE ------ */ [tab=03][border=0px; padding:0px; width:260px; height:400px; position:absolute; transform:scale(2); margin-top:-242px; margin-left:-415px;line-height:10px; z-index:3;overflow:hidden;display:flex; flex-direction:column; ] [border=0px; padding:0px; height:calc(100% - 30px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: Karla; ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ tab three content ------ */ ][border=0px; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white);margin-left:-5px; /* ------ title ------ */ ]Newborn to Toddler[/border] [border=0px; width:120px; height:120px; filter:grayscale(100%);margin-right:10px; margin-bottom:10px;background:var(--tab3img1); float:left;][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); margin-left:-5px; /* ------ title ------ */ ]Childhood to Pre-Teen[/border] [border=0px; width:120px; height:120px; filter:grayscale(100%);margin-left:10px; margin-bottom:10px;background:var(--tab3img2);float:right;][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white);margin-left:-5px; /* ------ title ------ */ ]Teenage[/border] [border=0px; width:120px; height:120px; filter:grayscale(100%);margin-right:10px; margin-bottom:10px;background:var(--tab3img3);float:left;][/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [/border][/border][/border] [/tab] /* ------ TAB FOUR ------ */ [tab=04][border=0px; padding:0px; width:260px; height:400px; position:absolute; transform:scale(2); margin-top:-242px; margin-left:-415px;line-height:10px; z-index:3;overflow:hidden;display:flex; flex-direction:column; ] [border=0px; padding:0px; height:calc(100% - 30px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; letter-spacing:0px;white-space:normal; font-family: Karla; ][border=0; height:auto; width:51%; box-sizing:border-box; margin-left:5px; /* ------ tab four content ------ */ ][border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin:auto; margin-left:5px;] [border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img1)][/border][border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img2) ][/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin:auto; margin-top:-8px;][border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img3)][/border] [border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img4); ][/border][/border] [border=0px; padding:0px; display:flex; flex;justify-content:space-evenly; margin:auto;margin-top:-8px;][border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img5)][/border][border=0px; padding:0px; width:110px; height:110px; background:var(--tab4img6)][/border][/border] [border=0px; /* ------ tab four text ------ */ padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]question[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]question[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]question[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); text-align:center;]question[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [border=0px; padding:0px; width:200px; height:20px;display: flex;justify-content:center; align-items:center; background:var(--grey); margin:auto;font-family:var(--name); color:var(--white); ]question[/border] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem in dolor eleifend posuere. Curabitur nec felis sed mauris viverra ultrices. Nulla eget felis in enim pretium viverra. Nulla tellus dolor, ornare nec congue et, sodales eu nibh. Cras sit amet ultricies sapien, sed maximus elit. Sed quis commodo velit. Proin eu tincidunt nisl. Cras et mauris cursus, vestibulum risus a, semper diam. Etiam metus leo, ullamcorper in interdum quis, bibendum vel augue. Morbi eleifend justo metus, nec vulputate eros ultrices sollicitudin. [/border][/border][/border][/tab][/tabs][/border][/border][/border] /* ------ credit -- do not remove ------ */ [border=0px; padding:0px; max-width:500px;width:100%;margin:auto;white-space:normal; font-size:8px; line-height:8px; margin-top:3px; opacity:0.5;text-align:right; font-family:var(--mainfont); ]© weldherwings. [/border][/border][/border]