Last active
July 27, 2021 23:58
-
-
Save Nefelibatax/00194b55d83fe2e7849e897535ccc59f to your computer and use it in GitHub Desktop.
✱ Just Friends : Profile Set
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- /// READ ME /// | |
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode. | |
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section. | |
[ COLORS ] | |
• Middle Blue Green (#a5ddd4) | |
• Green Sheen // Shadow Colour of Middle Blue Green (#81b9b0) | |
• Linen (#f4ebe4) | |
• White (#fff) | |
• Cultured // Light Grey (#f5f5f5) | |
• Black (#000) | |
[ IMAGES ] | |
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor | |
• Background Image : JFBGImg (222×479) | |
• Main Avatar : JFAvatar (57×57) | |
• Crush's Avatar : JFCAvatar (57×57) | |
[ TEXT ] | |
• Title/Name : JFTitle | |
• Quote : JFQuote | |
• About : JFAbout | |
• OOC Info : JFOOC | |
• Header for Crush Section : JFCrushTitle | |
• Blurb for Crush Section : JFCrushBlurb | |
• Tracking List : JFTracker | |
• Link 01 : JFLink01 | |
• Link 02 : JFLink02 | |
• Link 03 : JFLink03 | |
• Link 04 : JFLink04 | |
• Trivia : JFTrivia | |
[ DIVS ] | |
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code. | |
[ MISC ] | |
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab | |
--> | |
<div style="width:444px;height:479px;margin:auto;"> | |
<div style="background:#a5ddd4;width:222px;height:479px;float:left;"> | |
<img src="https://i.imgur.com/F7loaUN.png" /> | |
</div> | |
<div style="width:222px;height:479px;float:left;"> | |
<img class="JFBGImg" src="https://i.imgur.com/kNVo5gV.png" /> | |
</div> | |
<!-- /// CONTENT /// --> | |
<div style="background:#f4ebe4;width:344px;height:379px;float:left;margin:-429px 50px 0px;"> | |
<!-- /// EXTRA SECTION /// --> | |
<div style="background:#a5ddd4;width:294px;height:19px;float:left;margin:25px 25px 0px;border-radius: 6px 6px 0px 0px;"> | |
<p style="font-family:Arial;color:#fff;font-size:9px;letter-spacing:4px;text-transform:uppercase;line-height:9px;margin:6px 10px;">✿✿✿ | |
</p> | |
</div> | |
<div style="background:#a5ddd4;width:294px;height:106px;float:left;margin:0px 25px;"> | |
<div style="background:#fff;width:292px;height:104px;float:left;margin:1px;"> | |
<div style="width:258px;height:70px;float:left;margin:17px;overflow:hidden;"> | |
<div style="width:275px;height:70px;float:left;overflow:auto;"> | |
<!-- /// CRUSH SECTION /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="background:#f5f5f5;width:224px;height:70px;float:right;"> | |
<div style="background:#a5ddd4;width:70px;height:70px;float:left;margin-left:-34px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#fff;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ ily ♥" class="JFCAvatar" src="https://i.imgur.com/undNhua.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
<div style="background:#81b9b0;height:15px;float:left;border-radius:3px;margin:12px 0px 0px 12px;padding-right:2px;"> | |
<div style="background:#a5ddd4;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFCrushTitle" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">You've got my heart | |
</p> | |
</div> | |
</div> | |
<div style="width:168px;height:26px;float:left;margin:5px 0px 0px 10px;overflow:hidden;"> | |
<p class="JFCrushBlurb" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Tempor commodo ullamcorper a lacus vestibulum sed arcu non odio. [✱] Keep this short. | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF CRUSH SECTION /// --> | |
<!-- /// TRACKER /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="height:22px;float:left;border-bottom:1px dotted #000;"> | |
<p style="font-family:Arial;color:#a5ddd4;font-size:24px;font-weight:900;letter-spacing:-1px;line-height:19px;margin:0px;"> | |
<i>tracking.</i> | |
</p> | |
</div> | |
<div style="width:258px;height:42px;float:left;margin:5px 0px 0px;overflow:hidden;"> | |
<div style="width:275px;height:42px;float:left;overflow:auto;"> | |
<p class="JFTracker" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:8px;margin:0px;">✿ <b>Character Name</b> — Waiting for Response<br /> | |
✿ <b>Character Name</b> — Need to Reply<br /> | |
✿ <b>Character Name</b> — Starter Pending<br /> | |
[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TRACKER /// --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF EXTRA SECTION /// --> | |
<!-- /// TITLE AND QUOTE /// --> | |
<div style="width:294px;height:52px;float:left;margin:10px 25px;"> | |
<p class="JFTitle" style="font-family:Arial;color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:35px;margin:0px 0px 0px -3px;"> | |
<i>daisy.</i> | |
</p> | |
<div style="background:#81b9b0;height:15px;float:left;border-radius:3px;margin:2px 0px 0px 2px;padding-right:2px;"> | |
<div style="background:#a5ddd4;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFQuote" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">Just friends don't do what we do | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TITLE AND QUOTE /// --> | |
<!-- /// ABOUT /// --> | |
<div style="width:198px;height:129px;float:left;margin:0px 25px;overflow:hidden;"> | |
<div style="width:215px;height:129px;float:left;overflow:auto;"> | |
<div style="width:198px;float:left;"> | |
<p class="JFAbout" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br />[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
<p class="JFOOC" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:10px 0px 0px;border-left:1px dotted #000;padding:2px 0px 2px 10px;"><b>Writing Style:</b> Multi-Literate<br /> | |
<b>Character:</b> OC<br /> | |
<b>Timezone:</b> +/- 00<br /> | |
✿ Please do not godmod whenever roleplaing with me | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF ABOUT /// --> | |
<!-- /// SIDEBAR /// --> | |
<div style="width:70px;height:328px;margin:-326px 25px 0px;float:right;"> | |
<div style="background:#a5ddd4;width:70px;height:67px;margin:224px 0px 0px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#fff;width:68px;height:65px;margin:1px;float:left;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#a5ddd4;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:7px 0px 0px;">▲<br />Scroll</p> | |
</div> | |
</div> | |
<div style="width:70px;height:291px;margin:-291px 0px 0px;float:left;overflow:hidden;"> | |
<div style="width:87px;height:291px;float:left;overflow:auto;"> | |
<div style="width:70px;height:291px;float:left;"></div> | |
<div style="background:#a5ddd4;width:70px;height:291px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#fff;width:68px;height:289px;float:left;margin:1px;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#a5ddd4;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:10px 0px 0px;">Scroll<br />▼</p> | |
<!-- LINK 01 --> | |
<div style="background:#81b9b0;width:58px;height:15px;float:left;border-radius:3px;margin:11px 0px 0px 6px;"> | |
<div style="background:#a5ddd4;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink01" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 001</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 01 --> | |
<!-- LINK 02 --> | |
<div style="background:#81b9b0;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#a5ddd4;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink02" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 002</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 02 --> | |
<!-- LINK 03 --> | |
<div style="background:#81b9b0;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#a5ddd4;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink03" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 003</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 03 --> | |
<!-- LINK 04 /// [!] LIMIT IS 4 LINKS /// DO NOT ADD MORE LINKS --> | |
<div style="background:#81b9b0;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#a5ddd4;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink04" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 004</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 04 --> | |
<!-- TRIVIA --> | |
<div style="width:68px;float:left;"> | |
<p class="JFTrivia" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:18px 0px 0px;"><b style="color:#a5ddd4;">Name</b><br />daisy<br /><br /> | |
<b style="color:#a5ddd4;">Pronouns</b><br />she/her<br /><br /> | |
<b style="color:#a5ddd4;">D.O.B</b><br />00/00/0000<br /><br /> | |
<b style="color:#a5ddd4;">Status</b><br />taken<br /><br /></p> | |
</div> | |
<!-- END OF TRIVIA --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="background:#a5ddd4;width:70px;height:70px;float:left;margin:-33px 0px 0px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#fff;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ daydreamin'" class="JFAvatar" src="https://i.imgur.com/RLPMWB8.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF SIDEBAR /// --> | |
</div> | |
<!-- /// CREDIT SECTION /// --> | |
<div style="float:right;margin:-20px 10px 16px;"> | |
<!-- /// REMOVE FROM HERE /// --> | |
<p style="font-size:8px;font-family:Arial;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:0px;"> | |
<a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙.</a> | |
</p> | |
<!-- /// TO HERE TO REMOVE CREDIT /// --> | |
</div> | |
<!-- /// END OF CREDIT SECTION /// --> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- /// READ ME /// | |
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode. | |
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section. | |
[ COLORS ] | |
• Bole Brown (#794a3a) | |
• Dark Liver Horses // Shadow Colour of Bole Brown (#563529) | |
• Linen (#f4ebe4) | |
• White (#fff) | |
• Cultured // Light Grey (#f5f5f5) | |
• Black (#000) | |
[ IMAGES ] | |
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor | |
• Background Image : JFBGImg (222×479) | |
• Main Avatar : JFAvatar (57×57) | |
• Crush's Avatar : JFCAvatar (57×57) | |
[ TEXT ] | |
• Title/Name : JFTitle | |
• Quote : JFQuote | |
• About : JFAbout | |
• OOC Info : JFOOC | |
• Header for Crush Section : JFCrushTitle | |
• Blurb for Crush Section : JFCrushBlurb | |
• Tracking List : JFTracker | |
• Link 01 : JFLink01 | |
• Link 02 : JFLink02 | |
• Link 03 : JFLink03 | |
• Link 04 : JFLink04 | |
• Trivia : JFTrivia | |
[ DIVS ] | |
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code. | |
[ MISC ] | |
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab | |
--> | |
<div style="width:444px;height:479px;margin:auto;"> | |
<div style="background:#794a3a;width:222px;height:479px;float:left;"> | |
<img src="https://i.imgur.com/NhYjdGf.png" /> | |
</div> | |
<div style="width:222px;height:479px;float:left;"> | |
<img class="JFBGImg" src="https://i.imgur.com/awOeeGw.png" /> | |
</div> | |
<!-- /// CONTENT /// --> | |
<div style="background:#f4ebe4;width:344px;height:379px;float:left;margin:-429px 50px 0px;"> | |
<!-- /// EXTRA SECTION /// --> | |
<div style="background:#794a3a;width:294px;height:19px;float:left;margin:25px 25px 0px;border-radius: 6px 6px 0px 0px;"> | |
<p style="font-family:Arial;color:#fff;font-size:9px;letter-spacing:4px;text-transform:uppercase;line-height:9px;margin:6px 10px;">★★★ | |
</p> | |
</div> | |
<div style="background:#794a3a;width:294px;height:106px;float:left;margin:0px 25px;"> | |
<div style="background:#fff;width:292px;height:104px;float:left;margin:1px;"> | |
<div style="width:258px;height:70px;float:left;margin:17px;overflow:hidden;"> | |
<div style="width:275px;height:70px;float:left;overflow:auto;"> | |
<!-- /// CRUSH SECTION /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="background:#f5f5f5;width:224px;height:70px;float:right;"> | |
<div style="background:#794a3a;width:70px;height:70px;float:left;margin-left:-34px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#fff;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ she do be kinda cute." class="JFCAvatar" src="https://i.imgur.com/RLPMWB8.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
<div style="background:#563529;height:15px;float:left;border-radius:3px;margin:12px 0px 0px 12px;padding-right:2px;"> | |
<div style="background:#794a3a;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFCrushTitle" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">You've got my heart | |
</p> | |
</div> | |
</div> | |
<div style="width:168px;height:26px;float:left;margin:5px 0px 0px 10px;overflow:hidden;"> | |
<p class="JFCrushBlurb" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Tempor commodo ullamcorper a lacus vestibulum sed arcu non odio. [✱] Keep this short. | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF CRUSH SECTION /// --> | |
<!-- /// TRACKER /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="height:22px;float:left;border-bottom:1px dotted #000;"> | |
<p style="font-family:Arial;color:#794a3a;font-size:24px;font-weight:900;letter-spacing:-1px;line-height:19px;margin:0px;"> | |
<i>tracking.</i> | |
</p> | |
</div> | |
<div style="width:258px;height:42px;float:left;margin:5px 0px 0px;overflow:hidden;"> | |
<div style="width:275px;height:42px;float:left;overflow:auto;"> | |
<p class="JFTracker" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:8px;margin:0px;">★ <b>Character Name</b> — Waiting for Response<br /> | |
★ <b>Character Name</b> — Need to Reply<br /> | |
★ <b>Character Name</b> — Starter Pending<br /> | |
[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TRACKER /// --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF EXTRA SECTION /// --> | |
<!-- /// TITLE AND QUOTE /// --> | |
<div style="width:294px;height:52px;float:left;margin:10px 25px;"> | |
<p class="JFTitle" style="font-family:Arial;color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:35px;margin:0px 0px 0px -3px;"> | |
<i>chester.</i> | |
</p> | |
<div style="background:#563529;height:15px;float:left;border-radius:3px;margin:2px 0px 0px 2px;padding-right:2px;"> | |
<div style="background:#794a3a;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFQuote" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">Just friends don't do what we do | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TITLE AND QUOTE /// --> | |
<!-- /// ABOUT /// --> | |
<div style="width:198px;height:129px;float:left;margin:0px 25px;overflow:hidden;"> | |
<div style="width:215px;height:129px;float:left;overflow:auto;"> | |
<div style="width:198px;float:left;"> | |
<p class="JFAbout" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br />[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
<p class="JFOOC" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:10px 0px 0px;border-left:1px dotted #000;padding:2px 0px 2px 10px;"><b>Writing Style:</b> Prefers Para, But can mirror<br /> | |
<b>Character:</b> OC<br /> | |
<b>Timezone:</b> +/- 00<br /> | |
★ Let me know if you'd like a starter! | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF ABOUT /// --> | |
<!-- /// SIDEBAR /// --> | |
<div style="width:70px;height:328px;margin:-326px 25px 0px;float:right;"> | |
<div style="background:#794a3a;width:70px;height:67px;margin:224px 0px 0px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#fff;width:68px;height:65px;margin:1px;float:left;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#794a3a;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:7px 0px 0px;">▲<br />Scroll</p> | |
</div> | |
</div> | |
<div style="width:70px;height:291px;margin:-291px 0px 0px;float:left;overflow:hidden;"> | |
<div style="width:87px;height:291px;float:left;overflow:auto;"> | |
<div style="width:70px;height:291px;float:left;"></div> | |
<div style="background:#794a3a;width:70px;height:291px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#fff;width:68px;height:289px;float:left;margin:1px;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#794a3a;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:10px 0px 0px;">Scroll<br />▼</p> | |
<!-- LINK 01 --> | |
<div style="background:#563529;width:58px;height:15px;float:left;border-radius:3px;margin:11px 0px 0px 6px;"> | |
<div style="background:#794a3a;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink01" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 001</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 01 --> | |
<!-- LINK 02 --> | |
<div style="background:#563529;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#794a3a;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink02" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 002</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 02 --> | |
<!-- LINK 03 --> | |
<div style="background:#563529;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#794a3a;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink03" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 003</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 03 --> | |
<!-- LINK 04 /// [!] LIMIT IS 4 LINKS /// DO NOT ADD MORE LINKS --> | |
<div style="background:#563529;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#794a3a;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink04" style="font-family:Arial;color:#fff;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#fff;text-decoration:none;">link 004</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 04 --> | |
<!-- TRIVIA --> | |
<div style="width:68px;float:left;"> | |
<p class="JFTrivia" style="font-family:Arial;color:#000;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:18px 0px 0px;"><b style="color:#794a3a;">Name</b><br />chester<br /><br /> | |
<b style="color:#794a3a;">Pronouns</b><br />he/him<br /><br /> | |
<b style="color:#794a3a;">D.O.B</b><br />00/00/0000<br /><br /> | |
<b style="color:#794a3a;">Status</b><br />taken<br /><br /></p> | |
</div> | |
<!-- END OF TRIVIA --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="background:#794a3a;width:70px;height:70px;float:left;margin:-33px 0px 0px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#fff;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ bored. talk to me." class="JFAvatar" src="https://i.imgur.com/undNhua.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF SIDEBAR /// --> | |
</div> | |
<!-- /// CREDIT SECTION /// --> | |
<div style="float:right;margin:-20px 10px 16px;"> | |
<!-- /// REMOVE FROM HERE /// --> | |
<p style="font-size:8px;font-family:Arial;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:0px;"> | |
<a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙.</a> | |
</p> | |
<!-- /// TO HERE TO REMOVE CREDIT /// --> | |
</div> | |
<!-- /// END OF CREDIT SECTION /// --> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- /// READ ME /// | |
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode. | |
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section. | |
[ COLORS ] | |
• Pink (#ffcdd6) | |
• Shimmering Blush // Shadow Colour of Pink (#CD7B83) | |
• Jet // Dark Gray (#2C2C2C) | |
• Eerie Black // Darker Gray (#242424) | |
• Black (#000) | |
• White (#fff) | |
[ IMAGES ] | |
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor | |
• Background Image : JFBGImg (222×479) | |
• Main Avatar : JFAvatar (57×57) | |
• Crush's Avatar : JFCAvatar (57×57) | |
[ TEXT ] | |
• Title/Name : JFTitle | |
• Quote : JFQuote | |
• About : JFAbout | |
• OOC Info : JFOOC | |
• Header for Crush Section : JFCrushTitle | |
• Blurb for Crush Section : JFCrushBlurb | |
• Tracking List : JFTracker | |
• Link 01 : JFLink01 | |
• Link 02 : JFLink02 | |
• Link 03 : JFLink03 | |
• Link 04 : JFLink04 | |
• Trivia : JFTrivia | |
[ DIVS ] | |
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code. | |
[ MISC ] | |
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab | |
--> | |
<div style="width:444px;height:479px;margin:auto;"> | |
<div style="background:#ffcdd6;width:222px;height:479px;float:left;"> | |
<img src="https://i.imgur.com/0k6S84X.png" /> | |
</div> | |
<div style="width:222px;height:479px;float:left;"> | |
<img class="JFBGImg" src="https://i.imgur.com/VZ7Qgdc.png" /> | |
</div> | |
<!-- /// CONTENT /// --> | |
<div style="background:#000;width:344px;height:379px;float:left;margin:-429px 50px 0px;"> | |
<!-- /// EXTRA SECTION /// --> | |
<div style="background:#ffcdd6;width:294px;height:19px;float:left;margin:25px 25px 0px;border-radius: 6px 6px 0px 0px;"> | |
<p style="font-family:Arial;color:#000;font-size:9px;letter-spacing:4px;text-transform:uppercase;line-height:9px;margin:6px 10px;">❤❤❤ | |
</p> | |
</div> | |
<div style="background:#ffcdd6;width:294px;height:106px;float:left;margin:0px 25px;"> | |
<div style="background:#242424;width:292px;height:104px;float:left;margin:1px;"> | |
<div style="width:258px;height:70px;float:left;margin:17px;overflow:hidden;"> | |
<div style="width:275px;height:70px;float:left;overflow:auto;"> | |
<!-- /// CRUSH SECTION /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="background:#2C2C2C;width:224px;height:70px;float:right;"> | |
<div style="background:#ffcdd6;width:70px;height:70px;float:left;margin-left:-34px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#242424;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ ig i like this idiot :(" class="JFCAvatar" src="https://i.imgur.com/bNyxFiI.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
<div style="background:#CD7B83;height:15px;float:left;border-radius:3px;margin:12px 0px 0px 12px;padding-right:2px;"> | |
<div style="background:#ffcdd6;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFCrushTitle" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">You've got my heart | |
</p> | |
</div> | |
</div> | |
<div style="width:168px;height:26px;float:left;margin:5px 0px 0px 10px;overflow:hidden;"> | |
<p class="JFCrushBlurb" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Tempor commodo ullamcorper a lacus vestibulum sed arcu non odio. [✱] Keep this short. | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF CRUSH SECTION /// --> | |
<!-- /// TRACKER /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="height:22px;float:left;border-bottom:1px dotted #fff;"> | |
<p style="font-family:Arial;color:#ffcdd6;font-size:24px;font-weight:900;letter-spacing:-1px;line-height:19px;margin:0px;"> | |
<i>tracking.</i> | |
</p> | |
</div> | |
<div style="width:258px;height:42px;float:left;margin:5px 0px 0px;overflow:hidden;"> | |
<div style="width:275px;height:42px;float:left;overflow:auto;"> | |
<p class="JFTracker" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:8px;margin:0px;">❤ <b>Character Name</b> — Waiting for Response<br /> | |
❤ <b>Character Name</b> — Need to Reply<br /> | |
❤ <b>Character Name</b> — Starter Pending<br /> | |
[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TRACKER /// --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF EXTRA SECTION /// --> | |
<!-- /// TITLE AND QUOTE /// --> | |
<div style="width:294px;height:52px;float:left;margin:10px 25px;"> | |
<p class="JFTitle" style="font-family:Arial;color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:35px;margin:0px 0px 0px -3px;"> | |
<i>heart.</i> | |
</p> | |
<div style="background:#CD7B83;height:15px;float:left;border-radius:3px;margin:2px 0px 0px 2px;padding-right:2px;"> | |
<div style="background:#ffcdd6;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFQuote" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">Just friends don't do what we do | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TITLE AND QUOTE /// --> | |
<!-- /// ABOUT /// --> | |
<div style="width:198px;height:129px;float:left;margin:0px 25px;overflow:hidden;"> | |
<div style="width:215px;height:129px;float:left;overflow:auto;"> | |
<div style="width:198px;float:left;"> | |
<p class="JFAbout" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br />[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
<p class="JFOOC" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:10px 0px 0px;border-left:1px dotted #fff;padding:2px 0px 2px 10px;"><b>Writing Style:</b> Depends on Mood<br /> | |
<b>Character:</b> OC<br /> | |
<b>Timezone:</b> +/- 00<br /> | |
❤ Busy with replies, please wait till I message you | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF ABOUT /// --> | |
<!-- /// SIDEBAR /// --> | |
<div style="width:70px;height:328px;margin:-326px 25px 0px;float:right;"> | |
<div style="background:#ffcdd6;width:70px;height:67px;margin:224px 0px 0px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#242424;width:68px;height:65px;margin:1px;float:left;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#ffcdd6;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:7px 0px 0px;">▲<br />Scroll</p> | |
</div> | |
</div> | |
<div style="width:70px;height:291px;margin:-291px 0px 0px;float:left;overflow:hidden;"> | |
<div style="width:87px;height:291px;float:left;overflow:auto;"> | |
<div style="width:70px;height:291px;float:left;"></div> | |
<div style="background:#ffcdd6;width:70px;height:291px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#242424;width:68px;height:289px;float:left;margin:1px;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#ffcdd6;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:10px 0px 0px;">Scroll<br />▼</p> | |
<!-- LINK 01 --> | |
<div style="background:#CD7B83;width:58px;height:15px;float:left;border-radius:3px;margin:11px 0px 0px 6px;"> | |
<div style="background:#ffcdd6;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink01" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 001</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 01 --> | |
<!-- LINK 02 --> | |
<div style="background:#CD7B83;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#ffcdd6;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink02" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 002</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 02 --> | |
<!-- LINK 03 --> | |
<div style="background:#CD7B83;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#ffcdd6;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink03" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 003</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 03 --> | |
<!-- LINK 04 /// [!] LIMIT IS 4 LINKS /// DO NOT ADD MORE LINKS --> | |
<div style="background:#CD7B83;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#ffcdd6;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink04" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 004</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 04 --> | |
<!-- TRIVIA --> | |
<div style="width:68px;float:left;"> | |
<p class="JFTrivia" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:18px 0px 0px;"><b style="color:#ffcdd6;">Name</b><br />heart<br /><br /> | |
<b style="color:#ffcdd6;">Pronouns</b><br />she/her<br /><br /> | |
<b style="color:#ffcdd6;">D.O.B</b><br />00/00/0000<br /><br /> | |
<b style="color:#ffcdd6;">Status</b><br />taken<br /><br /></p> | |
</div> | |
<!-- END OF TRIVIA --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="background:#ffcdd6;width:70px;height:70px;float:left;margin:-33px 0px 0px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#242424;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ need friends, current friends are jerks" class="JFAvatar" src="https://i.imgur.com/NrRbm30.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF SIDEBAR /// --> | |
</div> | |
<!-- /// CREDIT SECTION /// --> | |
<div style="float:right;margin:-20px 10px 16px;"> | |
<!-- /// REMOVE FROM HERE /// --> | |
<p style="font-size:8px;font-family:Arial;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:0px;"> | |
<a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙.</a> | |
</p> | |
<!-- /// TO HERE TO REMOVE CREDIT /// --> | |
</div> | |
<!-- /// END OF CREDIT SECTION /// --> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- /// READ ME /// | |
TIP: To change certain items/colors/etc. search the following keywords or Hex colours (e.g. #000000) while in HTML Editor mode. | |
To do so press CTRL+F or CMD+F and use the keywords in the list to find each section. | |
[ COLORS ] | |
• Dim Gray (#6e6e6e) | |
• Onyx // Shadow Colour of Dim Gray (#CD7B83) | |
• Jet // Dark Gray (#2C2C2C) | |
• Eerie Black (#242424) | |
• Black (#000) | |
• White (#fff) | |
[ IMAGES ] | |
To Change images you can do so in Code by replacing the code in 'SRC' or simply change it in AFF Editor | |
• Background Image : JFBGImg (222×479) | |
• Main Avatar : JFAvatar (57×57) | |
• Crush's Avatar : JFCAvatar (57×57) | |
[ TEXT ] | |
• Title/Name : JFTitle | |
• Quote : JFQuote | |
• About : JFAbout | |
• OOC Info : JFOOC | |
• Header for Crush Section : JFCrushTitle | |
• Blurb for Crush Section : JFCrushBlurb | |
• Tracking List : JFTracker | |
• Link 01 : JFLink01 | |
• Link 02 : JFLink02 | |
• Link 03 : JFLink03 | |
• Link 04 : JFLink04 | |
• Trivia : JFTrivia | |
[ DIVS ] | |
• Most Divs are responsive and will adjust on how much you type in so do not adjust heights or widths unless you're familiar with code. | |
[ MISC ] | |
• Important sections will be marked for easier adjustments // AFF automatically removes comments in codes so if possible make changes before saving to avoid instructions from disappearing or keep RAW code open on a different tab | |
--> | |
<div style="width:444px;height:479px;margin:auto;"> | |
<div style="background:#6e6e6e;width:222px;height:479px;float:left;"> | |
<img src="https://i.imgur.com/DRfWoEV.png" /> | |
</div> | |
<div style="width:222px;height:479px;float:left;"> | |
<img class="JFBGImg" src="https://i.imgur.com/W9c2fCB.png" /> | |
</div> | |
<!-- /// CONTENT /// --> | |
<div style="background:#000;width:344px;height:379px;float:left;margin:-429px 50px 0px;"> | |
<!-- /// EXTRA SECTION /// --> | |
<div style="background:#6e6e6e;width:294px;height:19px;float:left;margin:25px 25px 0px;border-radius: 6px 6px 0px 0px;"> | |
<p style="font-family:Arial;color:#000;font-size:9px;letter-spacing:4px;text-transform:uppercase;line-height:9px;margin:6px 10px;">✖✖✖ | |
</p> | |
</div> | |
<div style="background:#6e6e6e;width:294px;height:106px;float:left;margin:0px 25px;"> | |
<div style="background:#242424;width:292px;height:104px;float:left;margin:1px;"> | |
<div style="width:258px;height:70px;float:left;margin:17px;overflow:hidden;"> | |
<div style="width:275px;height:70px;float:left;overflow:auto;"> | |
<!-- /// CRUSH SECTION /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="background:#2C2C2C;width:224px;height:70px;float:right;"> | |
<div style="background:#6e6e6e;width:70px;height:70px;float:left;margin-left:-34px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#242424;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ mine" class="JFCAvatar" src="https://i.imgur.com/NrRbm30.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
<div style="background:#3F3F3F;height:15px;float:left;border-radius:3px;margin:12px 0px 0px 12px;padding-right:2px;"> | |
<div style="background:#6e6e6e;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFCrushTitle" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">You've got my heart | |
</p> | |
</div> | |
</div> | |
<div style="width:168px;height:26px;float:left;margin:5px 0px 0px 10px;overflow:hidden;"> | |
<p class="JFCrushBlurb" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Tempor commodo ullamcorper a lacus vestibulum sed arcu non odio. [✱] Keep this short. | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF CRUSH SECTION /// --> | |
<!-- /// TRACKER /// --> | |
<div style="width:258px;height:70px;float:left;"> | |
<div style="height:22px;float:left;border-bottom:1px dotted #fff;"> | |
<p style="font-family:Arial;color:#6e6e6e;font-size:24px;font-weight:900;letter-spacing:-1px;line-height:19px;margin:0px;"> | |
<i>tracking.</i> | |
</p> | |
</div> | |
<div style="width:258px;height:42px;float:left;margin:5px 0px 0px;overflow:hidden;"> | |
<div style="width:275px;height:42px;float:left;overflow:auto;"> | |
<p class="JFTracker" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:8px;margin:0px;">✖ <b>Character Name</b> — Waiting for Response<br /> | |
✖ <b>Character Name</b> — Need to Reply<br /> | |
✖ <b>Character Name</b> — Starter Pending<br /> | |
[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TRACKER /// --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF EXTRA SECTION /// --> | |
<!-- /// TITLE AND QUOTE /// --> | |
<div style="width:294px;height:52px;float:left;margin:10px 25px;"> | |
<p class="JFTitle" style="font-family:Arial;color:#fff;font-size:36px;font-weight:900;letter-spacing:-1px;line-height:35px;margin:0px 0px 0px -3px;"> | |
<i>gray.</i> | |
</p> | |
<div style="background:#3F3F3F;height:15px;float:left;border-radius:3px;margin:2px 0px 0px 2px;padding-right:2px;"> | |
<div style="background:#6e6e6e;height:15px;float:left;border-radius:3px;margin:-2px 0px 0px -2px;"> | |
<p class="JFQuote" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;line-height:7px;margin:4px 6px;">Just friends don't do what we do | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF TITLE AND QUOTE /// --> | |
<!-- /// ABOUT /// --> | |
<div style="width:198px;height:129px;float:left;margin:0px 25px;overflow:hidden;"> | |
<div style="width:215px;height:129px;float:left;overflow:auto;"> | |
<div style="width:198px;float:left;"> | |
<p class="JFAbout" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:0px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><br />[✱] Press Shift+Enter to add another line // Section will enable scroll as you add more text! | |
</p> | |
<p class="JFOOC" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-transform:uppercase;line-height:9px;margin:10px 0px 0px;border-left:1px dotted #fff;padding:2px 0px 2px 10px;"><b>Writing Style:</b> Strictly Para<br /> | |
<b>Character:</b> OC<br /> | |
<b>Timezone:</b> +/- 00<br /> | |
✖ No random starters, Plotting Required | |
</p> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF ABOUT /// --> | |
<!-- /// SIDEBAR /// --> | |
<div style="width:70px;height:328px;margin:-326px 25px 0px;float:right;"> | |
<div style="background:#6e6e6e;width:70px;height:67px;margin:224px 0px 0px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#242424;width:68px;height:65px;margin:1px;float:left;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#6e6e6e;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:7px 0px 0px;">▲<br />Scroll</p> | |
</div> | |
</div> | |
<div style="width:70px;height:291px;margin:-291px 0px 0px;float:left;overflow:hidden;"> | |
<div style="width:87px;height:291px;float:left;overflow:auto;"> | |
<div style="width:70px;height:291px;float:left;"></div> | |
<div style="background:#6e6e6e;width:70px;height:291px;float:left;border-radius:15px 15px 0px 0px;"> | |
<div style="background:#242424;width:68px;height:289px;float:left;margin:1px;border-radius:15px 15px 0px 0px;"> | |
<p style="font-family:Arial;color:#6e6e6e;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:10px 0px 0px;">Scroll<br />▼</p> | |
<!-- LINK 01 --> | |
<div style="background:#3F3F3F;width:58px;height:15px;float:left;border-radius:3px;margin:11px 0px 0px 6px;"> | |
<div style="background:#6e6e6e;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink01" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 001</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 01 --> | |
<!-- LINK 02 --> | |
<div style="background:#3F3F3F;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#6e6e6e;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink02" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 002</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 02 --> | |
<!-- LINK 03 --> | |
<div style="background:#3F3F3F;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#6e6e6e;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink03" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 003</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 03 --> | |
<!-- LINK 04 /// [!] LIMIT IS 4 LINKS /// DO NOT ADD MORE LINKS --> | |
<div style="background:#3F3F3F;width:58px;height:15px;float:left;border-radius:3px;margin:5px 0px 0px 6px;"> | |
<div style="background:#6e6e6e;width:58px;height:15px;float:left;border-radius:3px;margin:-1px 0px 0px -1px;"> | |
<p class="JFLink04" style="font-family:Arial;color:#000;font-size:7px;font-weight:700;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:7px;margin:4px 6px;"><a href="https://www.asianfanfics.com/" style="color:#000;text-decoration:none;">link 004</a> | |
</p> | |
</div> | |
</div> | |
<!-- END OF LINK 04 --> | |
<!-- TRIVIA --> | |
<div style="width:68px;float:left;"> | |
<p class="JFTrivia" style="font-family:Arial;color:#fff;font-size:7px;letter-spacing:0.5px;text-align:center;text-transform:uppercase;line-height:10px;margin:18px 0px 0px;"><b style="color:#6e6e6e;">Name</b><br />gray<br /><br /> | |
<b style="color:#6e6e6e;">Pronouns</b><br />he/him<br /><br /> | |
<b style="color:#6e6e6e;">D.O.B</b><br />00/00/0000<br /><br /> | |
<b style="color:#6e6e6e;">Status</b><br />taken<br /><br /></p> | |
</div> | |
<!-- END OF TRIVIA --> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div style="background:#6e6e6e;width:70px;height:70px;float:left;margin:-33px 0px 0px;border-radius:50%;opacity:0.99;"> | |
<div style="background:#242424;width:68px;height:68px;float:left;margin:1px;border-radius:50%;"> | |
<img title="❝ idc" class="JFAvatar" src="https://i.imgur.com/bNyxFiI.png" style="width:57px;height:57px;margin:6px;border-radius:50%;" /> | |
</div> | |
</div> | |
</div> | |
<!-- /// END OF SIDEBAR /// --> | |
</div> | |
<!-- /// CREDIT SECTION /// --> | |
<div style="float:right;margin:-20px 10px 16px;"> | |
<!-- /// REMOVE FROM HERE /// --> | |
<p style="font-size:8px;font-family:Arial;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:0px;"> | |
<a title="Theme Credit : NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙.</a> | |
</p> | |
<!-- /// TO HERE TO REMOVE CREDIT /// --> | |
</div> | |
<!-- /// END OF CREDIT SECTION /// --> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment