Nefelibatax/01. FRIEd Ice Cream : Main Page (1.0) Secret

## 01. FRIEd Ice Cream : Main Page (1.0)
<!-- /// READ ME ///

============================================================================================================
✱ FIRE AND ICE : FRIEd ICE CREAM
— Code is in collaboration with vigour from TRXSH ATELIER, pleae check out her Ice version (Ice Cream Cake)!
— https://www.asianfanfics.com/story/view/1032811/17
============================================================================================================

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 ]
• Falu Red(#8a2b2b)
• White (#fff)
• Grey (#d7d7d7)
• 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 // Main BG can not be changed in editor mode! Please edit through Source
• Background Image : FICMainImage (658×658)
• Admin Image 01 : FICAdminImg01 (29×29)
• Admin Image 02 : FICAdminImg02 (29×29)
• Admin Image 03 : FICAdminImg03 (29×29)
• Admin Image 04 : FICAdminImg04 (29×29)

[ TEXT ]
• Title/Name : FICTitle
• About : FICAbout
• Rules : FICRules
• Application : FICApp
• Application Format : FICAppFormat
• FAQ : FICFAQ
• Update Title : FICUpdateTitle
• Update : FICUpdate
• Trivia : FICTrivia
• Quote : FICQuote
• Member Counts : FICMemberCount
• New Member : FICNewMember
• Admin 01 : FICAdmin01
• Admin 02 : FICAdmin02
• Admin 03 : FICAdmin03
• Admin 04 : FICAdmin04
• Masterlist Notes and Legend : FICMLLegend
• ML Admin Highlight : FICLegendAdmin
• ML Wishlist Highlight : FICLegendWish
• ML Reserved Highlight : FICLegendReserved
• ML Female List : FICMLFemale
• ML Male List : FICMLMale
• Music Name : FICMusicName
• Link 01 : FICLink01
• Link 02 : FICLink02
• Link 03 : FICLink03

[ 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.
• Music Player : FICMusic
** Replace 'src="https://www.youtube.com/embed/3BFuQicL2WI"' with your own youtube url to change the song! **

[ 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:658px;height:658px;margin:auto;">

  <!-- /// MAIN BACKGROUND IMAGE /// -->
  <div style="width:658px;height:658px;float:left;">
    <img class="FICMainImage" src="https://i.imgur.com/6tQn37E.png" style="width:658px;">
  </div>
  <!-- /// END OF BACKGROUND IMAGE /// -->


  <div style="width:658px;height:658px;float:left;margin-top:-658px;overflow:hidden;">
    <div style="width:675px;height:658px;float:left;overflow:auto;">

      <!-- /// HOME /// -->
      <div style="width:658px;height:658px;float:left;">
        <div style="background:#fff;width:658px;height:160px;float:left;overflow:hidden;">
          <img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:35px 0px 0px -235px;" />
        </div>
        <div style="background:#fff;width:160px;height:338px;float:left;overflow:hidden;">
          <img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:-300px 0px 0px 35px;" />
        </div>
        <div style="background:#fff;width:160px;height:338px;float:right;">
          <div style="background:#fff;width:206px;height:40px;float:left;margin:146px 0px 0px -206px;">
            <p style="font-family:Times New Roman;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:9px;letter-spacing:1px;margin:17px;">
              Scroll Down
            </p>
            <div style="background:#000;width:95px;height:1px;float:right;margin:-23px 15px 0px;">
            </div>
          </div>
        </div>
        <div style="background:#fff;width:658px;height:160px;float:left;">
        </div>
      </div>
      <!-- /// END OF HOME /// -->

      <!-- /// CONTENT /// -->
      <div style="width:658px;height:658px;float:left;">
        <div style="background:#fff;width:658px;height:50px;float:left;">
        </div>
        <div style="background:#fff;width:50px;height:558px;float:left;">
          <div style="width:279px;height:114px;float:left;margin:410px 0px 0px 15px;">

            <!-- MUSIC -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;overflow:hidden;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#000;text-transform:uppercase;line-height:8px;text-align:center;letter-spacing:0.5px;margin:7px;">
                    ▶
                  </p>
                  <div class="FICMusic" style="width:560px;height:316px;float:left;margin:-60px 0px 0px;border-radius:5%;opacity:0.01;">
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/3BFuQicL2WI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICMusicName" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                Only One King - Jung Youth
              </p>
            </div>
            <!-- END OF MUSIC -->

            <!-- LINK 001 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    01
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink01" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 001</a>
              </p>
            </div>
            <!-- END OF LINK 001 -->

            <!-- LINK 002 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    02
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink02" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 002</a>
              </p>
            </div>
            <!-- END OF LINK 002 -->

            <!-- LINK 003 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    03
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink03" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 003</a>
              </p>
            </div>
            <!-- END OF LINK 003 -->

          </div>
        </div>

        <!-- /// MAIN TEXT SECTION (ABOUT, RULES, ETC) /// -->
        <div style="background:#fff;width:244px;height:394px;float:left;">
          <div style="width:229px;height:379px;float:left;overflow:hidden;">
            <div style="width:246px;height:379px;float:left;overflow:auto;">

              <!-- ABOUT /// IF NOT NEEDED, REMOVE FROM HERE TO END OF ABOUT -->
              <div style="width:229px;float:left;">
                <p class="FICAbout" style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                  <b class="FICTitle" style="text-transform:uppercase;">Only One King</b> — Write about here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Quisque egestas diam in arcu cursus euismod quis. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus iaculis. At elementum eu facilisis sed odio morbi quis. Lacus luctus accumsan tortor posuere ac ut.
                </p>
                <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                  ***
                </p>
              </div>
              <!-- END OF ABOUT -->

              <!-- RULES /// IF NOT NEEDED, REMOVE FROM HERE TO END OF RULES -->
              <div class="FICRules" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Guidelines
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>i.</b> Platea dictumst quisque sagittis purus sit amet volutpat consequat.<br />
                    <b>ii.</b> Magna sit amet purus gravida. Nisl nunc miipsum faucibus vitae aliquet.<br />
                    <b>iii.</b> Viverra adipiscing at in tellus integer feugiat scelerisque varius. Sed adipiscing diam donec adipiscing tristique. Fermentum dui faucibus in ornare quam viverra.<br />
                    <b>iv.</b> Sed enim ut sem viverra aliquet eget sit amet tellus.<br />
                    <b>v.</b> Cursus euismod quis viverra nibh cras pulvinar. Ut morbi tincidunt augue interdum velit euismod.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>
                  <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                    ***
                  </p>
                </div>
              </div>
              <!-- END OF RULES -->

              <!-- HOW TO JOIN /// IF NOT NEEDED, REMOVE FROM HERE TO END OF HOW TO -->
              <div class="FICApp" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Application Process
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>i.</b> Platea dictumst quisque sagittis purus sit amet volutpat consequat.<br />
                    <b>ii.</b> Magna sit amet purus gravida. Nisl nunc miipsum faucibus vitae aliquet.<br />
                    <b>iii.</b> Viverra adipiscing at in tellus integer feugiat scelerisque varius. Sed adipiscing diam donec adipiscing tristique. Fermentum dui faucibus in ornare quam viverra.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>

                  <p class="FICAppFormat" style="font-family:Times New Roman;font-size:8px;color:#000;text-transform:uppercase;line-height:10px;text-align:left;letter-spacing:0.5px;border-left:1px dotted #000;margin:25px 30px;padding:5px 0px 5px 10px;">
                    <b>Faceclaim:</b> Name (Group)<br />
                    <b>Full Name:</b> Name<br />
                    <b>Age:</b> 00<br />
                    <b>Prefered Pov:</b> e.g 3rd, Para<br />
                    <b>Timezone:</b> (+/-) 00<br />
                    <b>Password:</b> Read Thread<br /><br />[✱] Press Shift+Enter to add another line.
                  </p>

                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>iv.</b> Sed enim ut sem viverra aliquet eget sit amet tellus.<br />
                    <b>v.</b> Cursus euismod quis viverra nibh cras pulvinar. Ut morbi tincidunt augue interdum velit euismod.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>
                  <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                    ***
                  </p>
                </div>
              </div>
              <!-- END OF HOW TO JOIN -->

              <!-- FAQ /// IF NOT NEEDED, REMOVE FROM HERE TO END OF FAQ -->
              <div class="FICFAQ" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Frequently Asked Questions
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>Turpis nunc eget lorem dolor sed viverra ipsum nunc aliquet?</b> — Ultrices eros in cursus turpis massa.<br /><br />

                    <b>Quam elementum pulvinar etiam non quam lacus suspendisse faucibus?</b> — Fermentum posuere urna nec tincidunt praesent semper feugiat. Tristique sollicitudin nibh sit amet commodo.<br /><br />

                    <b>Nisi est sit amet facilisis magna etiam tempor?</b> — Non arcu risus quis varius quam.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line, Do this twice to add more spacing as displayed above.</b>
                  </p>
                </div>
              </div>
              <!-- END OF FAQ -->

            </div>
          </div>
        </div>
        <!-- /// END OF MAIN TEXT SECTION /// -->

        <!-- /// UPDATE AND TRIVIA /// -->
        <div style="width:314px;height:115px;float:left;">

          <!-- UPDATE -->
          <div style="width:162px;height:95px;float:left;margin:10px;overflow:hidden;">
            <div style="width:179px;height:95px;float:left;overflow:auto;">
              <div style="width:162px;height:95px;float:left;">
                <p style="font-family:Times New Roman;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;text-align:center;letter-spacing:0.5px;margin:38px 0px 0px;">
                  Update
                </p>
                <p class="FICUpdateTitle" style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:1px;margin:3px;">
                  Update Title Sample
                </p>
              </div>

              <div style="width:162px;height:95px;float:left;">
                <p style="font-family:Times New Roman;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;text-align:left;letter-spacing:0.5px;margin:10px 10px 0px;">
                  July
                </p>
                <p style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:left;letter-spacing:0.5px;margin:3px 10px;">
                  00 • 0000
                </p>
                <p class="FICUpdate" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:5px 10px 0px;">
                  Keep this short, Approximately six Lines. Risus in hendrerit gravida rutrum quisque non tellus. nunc lobortis mattis aliquam purus.
                </p>
              </div>
            </div>
          </div>
          <!-- END OF UPDATE -->

          <!-- TRIVIA -->
          <div class="FICTrivia" style="width:122px;height:95px;float:left;margin:10px 0px;">
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:3px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Status:</b> Open
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Universe:</b> AU
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>POV:</b> Multi-Pov
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Wrting Style</b> Multi-Lit
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;">
              <b>Rating</b> 18+
            </p>
          </div>
          <!-- END OF TRIVIA -->

        </div>
        <!-- /// END OF UPDATE AND TRIVIA /// -->

        <div style="background:#fff;width:50px;height:558px;float:right;">
        </div>

        <!-- /// QUOTE /// -->
        <div class="FICQuote" style="background:#fff;width:314px;height:67px;float:left;">
          <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:30px 0px;">
            ❝ there ain't enough room for us both on the throne
          </p>
        </div>
        <!-- /// END OF QUOTE /// -->

        <!-- /// STATS AND NEW MEMBER /// -->
        <div style="width:314px;height:45px;float:left;overflow:hidden;">
          <div style="width:331px;height:45px;float:left;overflow:auto;">
            <div style="width:314px;height:45px;float:left;">
              <div class="FICMemberCount" style="width:284px;float:left;margin:20px 15px;">
                <div style="width:45%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Total Members:</b> 00
                  </p>
                </div>

                <div style="width:25%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Females:</b> 00
                  </p>
                </div>

                <div style="width:25%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Males:</b> 00
                  </p>
                </div>
                <div style="width:5%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    ▼
                  </p>
                </div>
              </div>
            </div>
            <div style="width:314px;height:45px;float:left;">
              <div class="FICNewMember" style="width:284px;float:left;margin:20px 15px;">
                <div style="width:95%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Newest Member:</b> Full Name (Age 00)
                  </p>
                </div>


                <div style="width:5%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    ▲
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /// END OF STATS AND NEW MEMBER /// -->

        <!-- /// ADMINS AND MASTERLIST /// -->
        <div style="width:314px;height:331px;float:left;overflow:hidden;">
          <div style="background:#fff;width:314px;height:167px;float:left;">
    <p title="FIRE AND ICE : TRXSH ATELIER × NT COLLAB" style="font-size:8px;font-family:Arial;color:#fff;text-transform:uppercase;line-height:11px;text-align:right;letter-spacing:1px;margin:313px 8px 0px;opacity:0.99;">
    <a title="NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙</a> × <a title="TRXSH ATELIER" href="https://www.asianfanfics.com/story/view/1032811/trxsh-atelier" style="color:#fff;text-decoration:none;">𝖙𝖆</a>
    </p>
          </div>
          <div style="width:331px;height:331px;float:left;margin-top:-167px;overflow:auto;">
            <div style="width:314px;height:167px;float:left;">

              <!-- ADMIN 001 -->
              <div style="width:155px;height:29px;float:left;margin:15px 4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg01" src="https://i.imgur.com/K3YQLWN.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin01" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Namjoon
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Founder
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 001 -->

              <!-- ADMIN 002 -->
              <div style="width:155px;height:29px;float:left;margin:15px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg02" src="https://i.imgur.com/813QYwY.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin02" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Seokjin
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Moderator
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 002 -->

              <!-- ADMIN 003 -->
              <div style="width:155px;height:29px;float:left;margin:4px 4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg03" src="https://i.imgur.com/nFn9MNS.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin03" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Taehyung
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Co-Founder
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 003 -->

              <!-- ADMIN 004 -->
              <div style="width:155px;height:29px;float:left;margin:4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg04" src="https://i.imgur.com/ekZ9DIt.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin04" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Jung Hoseok
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Event Manager
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 004 -->

              <div style="width:314px;height:68px;float:left;margin:4px 0px 0px;">
                <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:10px;text-align:center;letter-spacing:0.5px;margin:28px 0px;">
                  Masterlist<br />
                  ▼
                </p>
              </div>
            </div>

            <div style="width:314px;height:164px;float:left;"></div>

            <!-- /// MASTERLIST /// -->
            <div style="background:#fff;width:314px;min-height:331px;float:left;">
              <div style="background:#000;width:1px;float:left;margin:25px 0px 0px 157px;margin-left:157px;">
                <div style="width:294px;float:left;margin-left: -147px;">
                  <div style="width:131px;height:13px;float:left;">
                    <p style="font-family:Times New Roman;font-size:20px;color:#000;text-transform:uppercase;font-weight:700;line-height:13px;text-align:right;letter-spacing:0.5px;margin:0px;">
                      F
                    </p>
                  </div>

                  <div style="width:131px;height:13px;float:right;">
                    <p style="font-family:Times New Roman;font-size:20px;color:#000;text-transform:uppercase;font-weight:700;line-height:13px;text-align:left;letter-spacing:0.5px;margin:0px;">
                      M
                    </p>
                  </div>

                  <!-- NOTES AND LEGEND -->
                  <div style="background:#fff;width:294px;float:left;">
                    <p class="FICMLLegend" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:center;letter-spacing:0.5px;margin:10px 0px 13px;">
                      All Names not listed below are available with the exception of any faceclaims that are deceased or are currently under serious allegations<br /><br />
                      <span class="FICLegendAdmin" style="background:#8a2b2b;color:#fff;padding:3px 5px;">★ Admin</span> &nbsp;<span class="FICLegendReserved" style="background:#d7d7d7;color:#fff;padding:3px 5px;">✚ Reserved (00 / 00)</span> &nbsp;<span class="FICLegendWish" style="border:1px solid #000;padding:3px 5px;">❤ Wishlist</span>
                    </p>
                  </div>
                  <!-- END OF NOTES AND LEGEND -->

                  <!-- FEMALE LIST SECTION -->
                  <div style="width:131px;float:left;">
                    <p lass="FICMLFemale" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:15px;text-align:right;letter-spacing:0.5px;margin:0px;">
                      <span class="FICLegendWish" style="border:1px solid #000;padding:3px 5px;">❤ Bae Joohyun</span><br />
                      Kang Seulgi<br />
                      Kim Yerim<br />
                      Park Sooyoung<br />
                      Son Seungwan<br />
                      Full Name Sample<br />
                      <span class="FICLegendReserved" style="background:#d7d7d7;color:#fff;padding:3px 5px;">✚ Name Sample (00 / 00)</span><br />
                      Full Name Sample<br /><br />
                      [✱] Press Shift+Enter to add another line, Highlight, Copy and Paste any of the legend samples above and paste it onto your list to add more!
                    </p>
                  </div>
                  <!-- END OF FEMALE LIST SECTION -->

                  <!-- MALE LIST SECTION -->
                  <div style="width:131px;float:right;">
                    <p lass="FICMLMale" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:15px;text-align:left;letter-spacing:0.5px;margin:0px;">Jeon Jungguk<br />
                      <span class="FICLegendAdmin" style="background:#8a2b2b;color:#fff;padding:3px 5px;">★ Jung Hoseok</span><br />
                      <span class="FICLegendAdmin" style="background:#8a2b2b;color:#fff;padding:3px 5px;">★ Kim Namjoon</span><br />
                      <span class="FICLegendAdmin" style="background:#8a2b2b;color:#fff;padding:3px 5px;">★ Kim Seokjin</span><br />
                      <span class="FICLegendAdmin" style="background:#8a2b2b;color:#fff;padding:3px 5px;">★ Kim Taehyung</span><br />
                      Min Yoongi<br />
                      Park Jimin<br />
                      <span class="FICLegendWish" style="border:1px solid #000;padding:3px 5px;">❤ Full Name Sample</span><br />
                      Name Sample<br />
                      Full Name Sample<br />
                      Name Sample<br />
                      Full Name Sample<br />
                      <span class="FICLegendReserved" style="background:#d7d7d7;color:#fff;padding:3px 5px;">✚ Name Sample (00 / 00)</span><br />
                      Full Name Sample<br />
                      Name Sample
                    </p>
                  </div>
                  <!-- END OF MALE LIST SECTION -->

                </div>
              </div>
            </div>
            <!-- /// END OF MASTERLIST /// -->

          </div>
        </div>
        <!-- /// END OF ADMINS AND MASTERLIST /// -->

        <div style="background:#fff;width:658px;height:50px;float:left;">
        </div>

      </div>
      <!-- /// END OF CONTENT /// -->

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

## 02. FRIEd Ice Cream : Main Page (1.1)
<!-- /// READ ME ///

============================================================================================================
✱ FIRE AND ICE : FRIEd ICE CREAM
— Code is in collaboration with vigour from TRXSH ATELIER, pleae check out her Ice version (Ice Cream Cake)!
— https://www.asianfanfics.com/story/view/1032811/17
============================================================================================================

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 ]
• Falu Red(#8a2b2b)
• White (#fff)
• Grey (#d7d7d7)
• 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 // Main BG can not be changed in editor mode! Please edit through Source
• Background Image : FICMainImage (658×658)
• Admin Image 01 : FICAdminImg01 (29×29)
• Admin Image 02 : FICAdminImg02 (29×29)
• Admin Image 03 : FICAdminImg03 (29×29)
• Admin Image 04 : FICAdminImg04 (29×29)

[ TEXT ]
• Title/Name : FICTitle
• About : FICAbout
• Rules : FICRules
• Application : FICApp
• Application Format : FICAppFormat
• FAQ : FICFAQ
• Update Title : FICUpdateTitle
• Update : FICUpdate
• Trivia : FICTrivia
• Quote : FICQuote
• Member Counts : FICMemberCount
• New Member : FICNewMember
• Admin 01 : FICAdmin01
• Admin 02 : FICAdmin02
• Admin 03 : FICAdmin03
• Admin 04 : FICAdmin04
• Masterlist Notes and Legend : FICMLLegend
• ML Admin Highlight : FICLegendMW
• ML Female List : FICMLFemale
• ML Male List : FICMLMale
• Music Name : FICMusicName
• Link 01 : FICLink01
• Link 02 : FICLink02
• Link 03 : FICLink03

[ 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.
• Music Player : FICMusic
** Replace 'src="https://www.youtube.com/embed/3BFuQicL2WI"' with your own youtube url to change the song! **

[ 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:658px;height:658px;margin:auto;">

  <!-- /// MAIN BACKGROUND IMAGE /// -->
  <div style="width:658px;height:658px;float:left;">
    <img class="FICMainImage" src="https://i.imgur.com/6tQn37E.png" style="width:658px;">
  </div>
  <!-- /// END OF BACKGROUND IMAGE /// -->

  <div style="width:658px;height:658px;float:left;margin-top:-658px;overflow:hidden;">
    <div style="width:675px;height:658px;float:left;overflow:auto;">

      <!-- /// HOME /// -->
      <div style="width:658px;height:658px;float:left;">
        <div style="background:#fff;width:658px;height:160px;float:left;overflow:hidden;">
          <img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:35px 0px 0px -235px;" />
        </div>
        <div style="background:#fff;width:160px;height:338px;float:left;overflow:hidden;">
          <img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:-300px 0px 0px 35px;" />
        </div>
        <div style="background:#fff;width:160px;height:338px;float:right;">
          <div style="background:#fff;width:206px;height:40px;float:left;margin:146px 0px 0px -206px;">
            <p style="font-family:Times New Roman;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:9px;letter-spacing:1px;margin:17px;">
              Scroll Down
            </p>
            <div style="background:#000;width:95px;height:1px;float:right;margin:-23px 15px 0px;">
            </div>
          </div>
        </div>
        <div style="background:#fff;width:658px;height:160px;float:left;">
        </div>
      </div>
      <!-- /// END OF HOME /// -->

      <!-- /// CONTENT /// -->
      <div style="width:658px;height:658px;float:left;">
        <div style="background:#fff;width:658px;height:50px;float:left;">
        </div>
        <div style="background:#fff;width:50px;height:558px;float:left;">
          <div style="width:279px;height:114px;float:left;margin:410px 0px 0px 15px;">

            <!-- MUSIC -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;overflow:hidden;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#000;text-transform:uppercase;line-height:8px;text-align:center;letter-spacing:0.5px;margin:7px;">
                    ▶
                  </p>
                  <div class="FICMusic" style="width:560px;height:316px;float:left;margin:-60px 0px 0px;border-radius:5%;opacity:0.01;">
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/3BFuQicL2WI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICMusicName" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                Only One King - Jung Youth
              </p>
            </div>
            <!-- END OF MUSIC -->

            <!-- LINK 001 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    01
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink01" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 001</a>
              </p>
            </div>
            <!-- END OF LINK 001 -->

            <!-- LINK 002 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    02
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink02" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 002</a>
              </p>
            </div>
            <!-- END OF LINK 002 -->

            <!-- LINK 003 -->
            <div style="width:279px;height:22px;float:left;margin-top:10px;">
              <div style="background:#000;width:22px;height:22px;float:left;">
                <div style="background:#fff;width:20px;height:20px;float:left;margin:1px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:7px 0px;">
                    03
                  </p>
                </div>
              </div>
              <div style="background:#000;width:30px;height:1px;float:left;margin:10px 10px 0px 0px;">
              </div>

              <p class="FICLink03" style="font-family:Times New Roman;font-size:8px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                <a href="https://www.asianfanfics.com/" style="text-decoration:none;color:#000;">Sample Link 003</a>
              </p>
            </div>
            <!-- END OF LINK 003 -->

          </div>
        </div>

        <!-- /// MAIN TEXT SECTION (ABOUT, RULES, ETC) /// -->
        <div style="background:#fff;width:244px;height:394px;float:left;">
          <div style="width:229px;height:379px;float:left;overflow:hidden;">
            <div style="width:246px;height:379px;float:left;overflow:auto;">

              <!-- ABOUT /// IF NOT NEEDED, REMOVE FROM HERE TO END OF ABOUT -->
              <div style="width:229px;float:left;">
                <p class="FICAbout" style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                  <b class="FICTitle" style="text-transform:uppercase;">Only One King</b> — Write about here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lacus suspendisse faucibus interdum posuere lorem ipsum dolor. Quisque egestas diam in arcu cursus euismod quis. Imperdiet dui accumsan sit amet nulla facilisi morbi tempus iaculis. At elementum eu facilisis sed odio morbi quis. Lacus luctus accumsan tortor posuere ac ut.
                </p>
                <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                  ***
                </p>
              </div>
              <!-- END OF ABOUT -->

              <!-- RULES /// IF NOT NEEDED, REMOVE FROM HERE TO END OF RULES -->
              <div class="FICRules" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Guidelines
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>i.</b> Platea dictumst quisque sagittis purus sit amet volutpat consequat.<br />
                    <b>ii.</b> Magna sit amet purus gravida. Nisl nunc miipsum faucibus vitae aliquet.<br />
                    <b>iii.</b> Viverra adipiscing at in tellus integer feugiat scelerisque varius. Sed adipiscing diam donec adipiscing tristique. Fermentum dui faucibus in ornare quam viverra.<br />
                    <b>iv.</b> Sed enim ut sem viverra aliquet eget sit amet tellus.<br />
                    <b>v.</b> Cursus euismod quis viverra nibh cras pulvinar. Ut morbi tincidunt augue interdum velit euismod.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>
                  <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                    ***
                  </p>
                </div>
              </div>
              <!-- END OF RULES -->

              <!-- HOW TO JOIN /// IF NOT NEEDED, REMOVE FROM HERE TO END OF HOW TO -->
              <div class="FICApp" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Application Process
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>i.</b> Platea dictumst quisque sagittis purus sit amet volutpat consequat.<br />
                    <b>ii.</b> Magna sit amet purus gravida. Nisl nunc miipsum faucibus vitae aliquet.<br />
                    <b>iii.</b> Viverra adipiscing at in tellus integer feugiat scelerisque varius. Sed adipiscing diam donec adipiscing tristique. Fermentum dui faucibus in ornare quam viverra.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>

                  <p class="FICAppFormat" style="font-family:Times New Roman;font-size:8px;color:#000;text-transform:uppercase;line-height:10px;text-align:left;letter-spacing:0.5px;border-left:1px dotted #000;margin:25px 30px;padding:5px 0px 5px 10px;">
                    <b>Faceclaim:</b> Name (Group)<br />
                    <b>Full Name:</b> Name<br />
                    <b>Age:</b> 00<br />
                    <b>Prefered Pov:</b> e.g 3rd, Para<br />
                    <b>Timezone:</b> (+/-) 00<br />
                    <b>Password:</b> Read Thread<br /><br />[✱] Press Shift+Enter to add another line.
                  </p>

                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>iv.</b> Sed enim ut sem viverra aliquet eget sit amet tellus.<br />
                    <b>v.</b> Cursus euismod quis viverra nibh cras pulvinar. Ut morbi tincidunt augue interdum velit euismod.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line.</b>
                  </p>
                  <p style="font-family:Times New Roman;font-size:23px;color:#000;line-height:23px;text-align:center;letter-spacing:5px;margin:20px 0px;">
                    ***
                  </p>
                </div>
              </div>
              <!-- END OF HOW TO JOIN -->

              <!-- FAQ /// IF NOT NEEDED, REMOVE FROM HERE TO END OF FAQ -->
              <div class="FICFAQ" style="width:229px;float:left;">
                <div style="background:#000;height:22px;float:left;margin:0px 0px 10px;">
                  <p style="font-family:Arial;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:1px;margin:8px;">
                    Frequently Asked Questions
                  </p>
                </div>

                <div style="width:229px;float:left;">
                  <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
                    <b>Turpis nunc eget lorem dolor sed viverra ipsum nunc aliquet?</b> — Ultrices eros in cursus turpis massa.<br /><br />

                    <b>Quam elementum pulvinar etiam non quam lacus suspendisse faucibus?</b> — Fermentum posuere urna nec tincidunt praesent semper feugiat. Tristique sollicitudin nibh sit amet commodo.<br /><br />

                    <b>Nisi est sit amet facilisis magna etiam tempor?</b> — Non arcu risus quis varius quam.<br /><br /><b style="font-size:8px;text-transform:uppercase;">[✱] Press Shift+Enter to add another line, Do this twice to add more spacing as displayed above.</b>
                  </p>
                </div>
              </div>
              <!-- END OF FAQ -->

            </div>
          </div>
        </div>
        <!-- /// END OF MAIN TEXT SECTION /// -->

        <!-- /// UPDATE AND TRIVIA /// -->
        <div style="width:314px;height:115px;float:left;">

          <!-- UPDATE -->
          <div style="width:162px;height:95px;float:left;margin:10px;overflow:hidden;">
            <div style="width:179px;height:95px;float:left;overflow:auto;">
              <div style="width:162px;height:95px;float:left;">
                <p style="font-family:Times New Roman;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;text-align:center;letter-spacing:0.5px;margin:38px 0px 0px;">
                  Update
                </p>
                <p class="FICUpdateTitle" style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:1px;margin:3px;">
                  Update Title Sample
                </p>
              </div>

              <div style="width:162px;height:95px;float:left;">
                <p style="font-family:Times New Roman;font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;text-align:left;letter-spacing:0.5px;margin:10px 10px 0px;">
                  July
                </p>
                <p style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:left;letter-spacing:0.5px;margin:3px 10px;">
                  00 • 0000
                </p>
                <p class="FICUpdate" style="font-family:Arial;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:5px 10px 0px;">
                  Keep this short, Approximately six Lines. Risus in hendrerit gravida rutrum quisque non tellus. nunc lobortis mattis aliquam purus.
                </p>
              </div>
            </div>
          </div>
          <!-- END OF UPDATE -->

          <!-- TRIVIA -->
          <div class="FICTrivia" style="width:122px;height:95px;float:left;margin:10px 0px;">
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:3px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Status:</b> Open
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Universe:</b> AU
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>POV:</b> Multi-Pov
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;border-bottom:1px solid #fff;padding-bottom:5px;">
              <b>Wrting Style</b> Multi-Lit
            </p>
            <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:7px 0px 0px;">
              <b>Rating</b> 18+
            </p>
          </div>
          <!-- END OF TRIVIA -->

        </div>
        <!-- /// END OF UPDATE AND TRIVIA /// -->


        <div style="background:#fff;width:50px;height:558px;float:right;">
        </div>


        <!-- /// QUOTE /// -->
        <div class="FICQuote" style="background:#fff;width:314px;height:67px;float:left;">
          <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;text-align:center;letter-spacing:0.5px;margin:30px 0px;">
            ❝ there ain't enough room for us both on the throne
          </p>
        </div>
        <!-- /// END OF QUOTE /// -->

        <!-- /// STATS AND NEW MEMBER /// -->
        <div style="width:314px;height:45px;float:left;overflow:hidden;">
          <div style="width:331px;height:45px;float:left;overflow:auto;">
            <div style="width:314px;height:45px;float:left;">
              <div class="FICMemberCount" style="width:284px;float:left;margin:20px 15px;">
                <div style="width:45%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Total Members:</b> 00
                  </p>
                </div>

                <div style="width:25%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Females:</b> 00
                  </p>
                </div>

                <div style="width:25%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Males:</b> 00
                  </p>
                </div>
                <div style="width:5%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    ▼
                  </p>
                </div>
              </div>
            </div>
            <div style="width:314px;height:45px;float:left;">
              <div class="FICNewMember" style="width:284px;float:left;margin:20px 15px;">
                <div style="width:95%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    <b>Newest Member:</b> Full Name (Age 00)
                  </p>
                </div>


                <div style="width:5%;float:left;">
                  <p style="font-family:Times New Roman;font-size:8px;color:#fff;text-transform:uppercase;line-height:8px;text-align:left;letter-spacing:0.5px;margin:0px;">
                    ▲
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /// END OF STATS AND NEW MEMBER /// -->

        <!-- /// ADMINS AND MASTERLIST /// -->
        <div style="width:314px;height:331px;float:left;overflow:hidden;">
          <div style="background:#fff;width:314px;height:167px;float:left;">
    <p title="FIRE AND ICE : TRXSH ATELIER × NT COLLAB" style="font-size:8px;font-family:Arial;color:#fff;text-transform:uppercase;line-height:11px;text-align:right;letter-spacing:1px;margin:313px 8px 0px;opacity:0.99;">
    <a title="NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#fff;text-decoration:none;">𝖓𝖙</a> × <a title="TRXSH ATELIER" href="https://www.asianfanfics.com/story/view/1032811/trxsh-atelier" style="color:#fff;text-decoration:none;">𝖙𝖆</a>
    </p>
          </div>
          <div style="width:331px;height:331px;float:left;margin-top:-167px;overflow:auto;">
            <div style="width:314px;height:167px;float:left;">

              <!-- ADMIN 001 -->
              <div style="width:155px;height:29px;float:left;margin:15px 4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg01" src="https://i.imgur.com/K3YQLWN.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin01" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Namjoon
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Founder
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 001 -->

              <!-- ADMIN 002 -->
              <div style="width:155px;height:29px;float:left;margin:15px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg02" src="https://i.imgur.com/813QYwY.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin02" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Seokjin
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Moderator
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 002 -->

              <!-- ADMIN 003 -->
              <div style="width:155px;height:29px;float:left;margin:4px 4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg03" src="https://i.imgur.com/nFn9MNS.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin03" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Kim Taehyung
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Co-Founder
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 003 -->

              <!-- ADMIN 004 -->
              <div style="width:155px;height:29px;float:left;margin:4px 0px 0px;">
                <div style="width:29px;height:29px;float:left;">
                  <img class="FICAdminImg04" src="https://i.imgur.com/ekZ9DIt.png" style="height:29px;" />
                </div>
                <div style="background:#000;height:16px;float:left;margin-left:5px;">
                  <p class="FICAdmin04" style="font-family:Times New Roman;font-size:8px;color:#fff;font-weight:700;text-transform:uppercase;line-height:11px;letter-spacing:1px;margin:3px 5px;">
                    Jung Hoseok
                  </p>
                </div>
                <div style="width:106px;height:13px;float:left;margin-left:5px;">
                  <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:7px;letter-spacing:0.5px;margin:3px 0px;">
                    Event Manager
                  </p>
                </div>
              </div>
              <!-- END OF ADMIN 004 -->

              <div style="width:314px;height:68px;float:left;margin:4px 0px 0px;">
                <p style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:10px;text-align:center;letter-spacing:0.5px;margin:28px 0px;">
                  Wishlist<br />
                  ▼
                </p>
              </div>
            </div>

            <div style="width:314px;height:164px;float:left;"></div>

            <!-- /// MASTERLIST /// -->
            <div style="background:#fff;width:314px;min-height:331px;float:left;">
              <div style="background:#000;width:1px;float:left;margin:25px 0px 0px 157px;margin-left:157px;">
                <div style="width:294px;float:left;margin-left: -147px;">
                  <div style="width:131px;height:13px;float:left;">
                    <p style="font-family:Times New Roman;font-size:20px;color:#000;text-transform:uppercase;font-weight:700;line-height:13px;text-align:right;letter-spacing:0.5px;margin:0px;">
                      F
                    </p>
                  </div>

                  <div style="width:131px;height:13px;float:right;">
                    <p style="font-family:Times New Roman;font-size:20px;color:#000;text-transform:uppercase;font-weight:700;line-height:13px;text-align:left;letter-spacing:0.5px;margin:0px;">
                      M
                    </p>
                  </div>

                  <!-- NOTES AND LEGEND -->
                  <div style="background:#fff;width:294px;float:left;">
                    <p class="FICMLLegend" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:8px;text-align:center;letter-spacing:0.5px;margin:10px 0px 13px;">
                      Following Faceclaims are wanted — List will be updated appropriately if listed faceclaim is currently facing serious allegations or haved unfortunately passed<br/><br/>
                      <span class="FICLegendMW" style="border:1px solid #000;padding:3px 5px;">❤ Most Wanted</span>
                    </p>
                  </div>
                  <!-- END OF NOTES AND LEGEND -->

                  <!-- FEMALE LIST SECTION -->
                  <div style="width:131px;float:left;">
                    <p lass="FICMLFemale" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:15px;text-align:right;letter-spacing:0.5px;margin:0px;">
                    <span class="FICLegendMW" style="border:1px solid #000;padding:3px 5px;">❤ Bae Joohyun</span><br />
                      Kang Seulgi<br />
                      Kim Yerim<br />
                      Park Sooyoung<br />
                      Son Seungwan<br />
                      Full Name Sample<br />
                      Name Sample<br />
                      Full Name Sample<br /><br />
                      [✱] Press Shift+Enter to add another line!
                    </p>
                  </div>
                  <!-- END OF FEMALE LIST SECTION -->

                  <!-- MALE LIST SECTION -->
                  <div style="width:131px;float:right;">
                    <p lass="FICMLMale" style="font-family:Arial;font-size:7px;color:#000;font-weight:700;text-transform:uppercase;line-height:15px;text-align:left;letter-spacing:0.5px;margin:0px;">Jeon Jungguk<br />
                     Jung Hoseokbr />
                      Kim Namjoon<br />
                      Kim Seokjin<br />
                      Kim Taehyung<br />
                      Min Yoongi<br />
                      Park Jimin<br />
                      <span class="FICLegendMW" style="border:1px solid #000;padding:3px 5px;">❤ Full Name Sample</span><br />
                      Name Sample<br />
                      Full Name Sample<br />
                      Name Sample<br />
                      Full Name Sample<br />
                      Name Sample
                    </p>
                  </div>
                  <!-- END OF MALE LIST SECTION -->

                </div>
              </div>
            </div>
            <!-- /// END OF MASTERLIST /// -->

          </div>
        </div>
        <!-- /// END OF ADMINS AND MASTERLIST /// -->

        <div style="background:#fff;width:658px;height:50px;float:left;">
        </div>

      </div>
      <!-- /// END OF CONTENT /// -->

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

## 03. FRIEd Ice Cream : Update + Room Page
<!-- /// READ ME ///

============================================================================================================
✱ FIRE AND ICE : FRIEd ICE CREAM
— Code is in collaboration with vigour from TRXSH ATELIER, pleae check out her Ice version (Ice Cream Cake)!
— https://www.asianfanfics.com/story/view/1032811/17
============================================================================================================

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 ]
• Falu Red(#8a2b2b)
• White (#fff)
• Grey (#d7d7d7)
• 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 // Main BG can not be changed in editor mode! Please edit through Source
• Image : FICImage (300×182)

[ TEXT ]
• Title/Name : FICTitle
• Content : FICContent

[ 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:658px;height:282px;margin:auto;">
  <div style="width:658px;height:282px;float:left;">

    <!-- /// ROOM IMAGE /// -->
    <div style="width:300px;height:182px;float:left;margin:50px 0px 50px 50px;">
      <img class="FICImage" src="https://i.imgur.com/xq6Cpon.png" style="width:300px;" />
    </div>
    <!-- /// END OF ROOM IMAGE /// -->


    <!-- /// CONTENT /// -->
    <div style="width:258px;height:182px;float:left;margin:50px 0px;">

      <!-- HEADER -->
      <div style="width:258px;height:10px;float:left;margin:39px 0px 0px;">
        <div style="background:#000;width:40px;height:1px;float:left;margin:5px 0px 0px -21px;"></div>
        <div style="height:35px;float:left;">
          <p class="FICTitle" style="font-family:Times New Roman;font-size:12px;font-weight:700;text-transform:uppercase;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px 6px;">
            Event Name</p>
        </div>

        <div style="height:35px;float:left;">
          <p class="FICTitle" style="font-family:Times New Roman;font-size:23px;text-transform:uppercase;color:#000;line-height:19px;text-align:justify;letter-spacing:3px;margin:0px;">
            ***</p>
        </div>
      </div>
      <!-- END OF HEADER -->
      <div style="background:#000;height:21px;float:left;margin:5px 25px 10px;">
        <p style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:left;letter-spacing:1px;margin:7px 8px;">
          Event Duration: 00 • 00 • 0000
        </p>
      </div>
      <div class="FICContent" style="width:233px;height:90px;float:left;margin-left:25px;overflow:hidden;">
        <div style="width:252px;height:90px;float:left;overflow:auto;">
          <div style="width:233px;float:left;">
            <p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
              Ante in nibh mauris cursus mattis molestie a. Dolor sit amet consectetur adipiscing elit ut aliquam purus sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Cursus risus at ultrices mi tempus. Elementum nisi quis eleifend quam adipiscing.
            </p>
          </div>
        </div>
      </div>
    </div>
    <!-- /// END OF CONTENT /// -->

    <div style="width:209px;height:186px;float:left;overflow:hidden;margin:-208px 0px 0px;">
      <img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:0px 0px 0px 23px;" />
    </div>

    <div style="float:left;margin:-243px 0px 0px 50px;">
      <p title="FIRE AND ICE : TRXSH ATELIER × NT COLLAB" style="font-size:8px;font-family:Arial;color:#000;text-transform:uppercase;line-height:11px;text-align:left;letter-spacing:1px;margin:0px;opacity:0.99;">
        <a title="NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">𝖓𝖙</a> × <a title="TRXSH ATELIER" href="https://www.asianfanfics.com/story/view/1032811/trxsh-atelier" style="color:#000;text-decoration:none;">𝖙𝖆</a>
      </p>
    </div>
  </div>
</div>
	<!-- /// READ ME ///

	============================================================================================================
	✱ FIRE AND ICE : FRIEd ICE CREAM
	— Code is in collaboration with vigour from TRXSH ATELIER, pleae check out her Ice version (Ice Cream Cake)!
	— https://www.asianfanfics.com/story/view/1032811/17
	============================================================================================================

	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 ]
	• Falu Red(#8a2b2b)
	• White (#fff)
	• Grey (#d7d7d7)
	• 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 // Main BG can not be changed in editor mode! Please edit through Source
	• Image : FICImage (300×182)

	[ TEXT ]
	• Title/Name : FICTitle
	• Content : FICContent

	[ 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:658px;height:282px;margin:auto;">
	<div style="width:658px;height:282px;float:left;">

	<!-- /// ROOM IMAGE /// -->
	<div style="width:300px;height:182px;float:left;margin:50px 0px 50px 50px;">
	<img class="FICImage" src="https://i.imgur.com/xq6Cpon.png" style="width:300px;" />
	</div>
	<!-- /// END OF ROOM IMAGE /// -->


	<!-- /// CONTENT /// -->
	<div style="width:258px;height:182px;float:left;margin:50px 0px;">

	<!-- HEADER -->
	<div style="width:258px;height:10px;float:left;margin:39px 0px 0px;">
	<div style="background:#000;width:40px;height:1px;float:left;margin:5px 0px 0px -21px;"></div>
	<div style="height:35px;float:left;">
	<p class="FICTitle" style="font-family:Times New Roman;font-size:12px;font-weight:700;text-transform:uppercase;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px 6px;">
	Event Name</p>
	</div>

	<div style="height:35px;float:left;">
	<p class="FICTitle" style="font-family:Times New Roman;font-size:23px;text-transform:uppercase;color:#000;line-height:19px;text-align:justify;letter-spacing:3px;margin:0px;">
	***</p>
	</div>
	</div>
	<!-- END OF HEADER -->
	<div style="background:#000;height:21px;float:left;margin:5px 25px 10px;">
	<p style="font-family:Arial;font-size:7px;color:#fff;font-weight:700;text-transform:uppercase;line-height:7px;text-align:left;letter-spacing:1px;margin:7px 8px;">
	Event Duration: 00 • 00 • 0000
	</p>
	</div>
	<div class="FICContent" style="width:233px;height:90px;float:left;margin-left:25px;overflow:hidden;">
	<div style="width:252px;height:90px;float:left;overflow:auto;">
	<div style="width:233px;float:left;">
	<p style="font-family:Times New Roman;font-size:12px;color:#000;line-height:13px;text-align:justify;letter-spacing:0.5px;margin:0px;">
	Ante in nibh mauris cursus mattis molestie a. Dolor sit amet consectetur adipiscing elit ut aliquam purus sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Cursus risus at ultrices mi tempus. Elementum nisi quis eleifend quam adipiscing.
	</p>
	</div>
	</div>
	</div>
	</div>
	<!-- /// END OF CONTENT /// -->

	<div style="width:209px;height:186px;float:left;overflow:hidden;margin:-208px 0px 0px;">
	<img src="https://i.imgur.com/rxOu5rW.png" style="max-width:546px;max-height:546px;margin:0px 0px 0px 23px;" />
	</div>

	<div style="float:left;margin:-243px 0px 0px 50px;">
	<p title="FIRE AND ICE : TRXSH ATELIER × NT COLLAB" style="font-size:8px;font-family:Arial;color:#000;text-transform:uppercase;line-height:11px;text-align:left;letter-spacing:1px;margin:0px;opacity:0.99;">
	<a title="NT" href="https://www.asianfanfics.com/story/view/528148/nt" style="color:#000;text-decoration:none;">𝖓𝖙</a> × <a title="TRXSH ATELIER" href="https://www.asianfanfics.com/story/view/1032811/trxsh-atelier" style="color:#000;text-decoration:none;">𝖙𝖆</a>
	</p>
	</div>
	</div>
	</div>