(a) BREW

READ THE GUIDELINES.
DO NOT REMOVE THE CREDITS.
FAILURE TO COMPLY TO THE GUIDELINES WOULD AUTOMATICALLY BE BLACKLISTED.
THE GUIDE TEXTS (<--!guide text-->) WOULD DISAPPEAR ONCE YOU SAVE THE CODE SO IT'S BEST TO ALWAYS OPEN AN ANOTHER TAB FOR YOU TO CHECK WHAT THE LAYOUT LOOKS LIKE


TABLE OF CONTENTS
USE (CTRL + F) TO LEAD TOWARDS THE WANTED LAYOUT // INPUT THE WHOLE TEXT

01 — DESCRIPTION
02 — PLOTLINES
03 — CHEATSHEET
04 — ANNOUNCEMENTS/UPDATES
05 — REVIEWS
06 — STORY CHAPTER
07 — APPLICATION

01 — DESCRIPTION

  <!--Layout Start-->
<div style="width:800px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:800px;height:500px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:50px 0px 0px 50px;">

  <!--Main Scroll-->
<div style="float:left;width:800px;height:500px;overflow:hidden;margin:-50px 0px 0px -50px;">
<div style="float:left;width:800px;height:520px;overflow:auto;">
<div style="float:left;width:1600px;">

  <!--First Page Start-->
<div style="float:left;width:800px;height:500px;margin:0px 0px 0px 0px;">

  <!--Title-->
<div style="float:left;font-family:'georgia';font-size:70px;color:#5A5046;line-height:70px;text-align:left;letter-spacing:3px;margin:140px 0px 0px 100px;"><b>brew.</b>
<div style="font-family:'georgia';font-size:70px;color:#242D31;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -2px;"><b>brew.</b></div>
<div style="font-family:'georgia';font-size:70px;color:#FFF;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -4px;"><b>brew.</b></div>
<div style="font-family:'georgia';font-size:12px;color:#B48760;line-height:12px;text-align:left;margin:10px 0px 0px 0px;"><i>"i feel like i'm in a deja brew."</i></div>
</div>
  <!--Title-->

  <!--Tabs-->
<div style="float:left;width:330px;height:auto;margin:260px 0px 0px -260px;">
<div style="float:left;width:auto;height:auto;border:1px solid #AAA19D;padding:5px 5px 5px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#AAA19D;text-align:left;margin:0px 0px 0px 0px;">type here</div>
<div style="float:left;width:auto;height:auto;background:#AAA19D;padding:5px 5px 6px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#242D31;text-align:left;margin:0px 0px 0px 10px;">type something here</div>
<div style="float:left;width:auto;height:auto;border:1px solid #AAA19D;padding:5px 5px 5px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#AAA19D;text-align:left;margin:0px 0px 0px 10px;">type here</div>
<div style="float:left;width:auto;height:auto;background:#AAA19D;padding:5px 5px 6px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#242D31;text-align:left;margin:10px 0px 0px 0px;">type something here</div>
<div style="float:left;width:auto;height:auto;border:1px solid #AAA19D;padding:5px 5px 5px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#AAA19D;text-align:left;margin:10px 0px 0px 10px;">type here</div>
<div style="float:left;width:auto;height:auto;background:#AAA19D;padding:5px 5px 6px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#242D31;text-align:left;margin:10px 0px 0px 10px;">type something here</div>
</div>
  <!--Tabs-->

  <!--Scroll Right-->
<div style="float:left;width:100px;height:auto;background:#B48760;padding:5px 5px 5px 7px;border-radius:5px;font-family:'georgia';font-size:11px;line-height:11px;color:#242D31;letter-spacing:2px;text-align:center;margin:400px 0px 0px -90px;">scroll right</div>
  <!--Scroll Right-->

  <!--Picture 01-->
<div style="float:right;width:320px;height:499px;"><img src="https://i.imgur.com/tk6sk8x.png" style="width:320px;height:499px;border-radius:10px;"></div>
  <!--Picture 01-->

</div>
  <!--First Page End-->

  <!--Second Page Start-->
<div style="float:left;width:800px;height:500px;margin:0px 0px 0px 0px;">

  <!--Picture Posts-->
<div style="float:left;width:420px;height:500px;margin:0px 0px 0px 20px;">

  <!--Post 01-->
<div style="float:left;width:200px;height:240px;background:#3D4B52;border-radius:15px;opacity:0.9;margin:0px 0px 0px 0px;">
<div style="float:left;width:200px;height:240px;background:#3D4B52;border-radius:15px;opacity:0.99;margin:0px 0px 0px 0px;">
<div style="float:left;width:180px;height:180px;margin:10px 0px 0px 10px;"><img src="https://i.imgur.com/jFanBCD.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:140px;height:25px;font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:left;margin:15px 0px 0px 10px;">"short line here"<br />
shift+enter for new line</div>
<div style="float:right;width:20px;height:16px;padding:5px 3px 5px 5px;background:#1A2022;border-radius:5px;font-family:'georgia';font-size:15px;color:#FFF;line-height:15px;text-align:center;letter-spacing:2px;margin:12px 10px 0px 10px;">+</div>
</div>
</div>
  <!--Post 01-->

  <!--Post 02-->
<div style="float:left;width:200px;height:350px;background:#3D4B52;border-radius:15px;opacity:0.9;margin:75px 0px 0px 20px;">
<div style="float:left;width:200px;height:350px;background:#3D4B52;border-radius:15px;opacity:0.99;margin:0px 0px 0px 0px;">
<div style="float:left;width:180px;height:290px;margin:10px 0px 0px 10px;"><img src="https://i.imgur.com/XhzwCDN.jpg" style="width:180px;height:290px;border-radius:15px;"></div>
<div style="float:left;width:140px;height:25px;font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:left;margin:15px 0px 0px 10px;">"short line here"<br />
shift+enter for new line</div>
<div style="float:right;width:20px;height:16px;padding:5px 3px 5px 5px;background:#1A2022;border-radius:5px;font-family:'georgia';font-size:15px;color:#FFF;line-height:15px;text-align:center;letter-spacing:2px;margin:12px 10px 0px 10px;">+</div>
</div>
</div>
  <!--Post 02-->

  <!--Post 03-->
<div style="float:left;width:200px;height:240px;background:#3D4B52;border-radius:15px;opacity:0.9;margin:-166px 0px 0px 0px;">
<div style="float:left;width:200px;height:240px;background:#3D4B52;border-radius:15px;opacity:0.99;margin:0px 0px 0px 0px;">
<div style="float:left;width:180px;height:180px;margin:10px 0px 0px 10px;"><img src="https://i.imgur.com/H61fLWj.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:140px;height:25px;font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:left;margin:15px 0px 0px 10px;">"short line here"<br />
shift+enter for new line</div>
<div style="float:right;width:20px;height:16px;padding:5px 3px 5px 5px;background:#1A2022;border-radius:5px;font-family:'georgia';font-size:15px;color:#FFF;line-height:15px;text-align:center;letter-spacing:2px;margin:12px 10px 0px 10px;">+</div>
</div>
</div>
  <!--Post 03-->

</div>
  <!--Picture Posts-->

  <!--Foreword + Author's Notes-->
<div style="float:left;width:360px;height:500px;margin:0px 0px 0px 0px;">
<div style="float:right;width:340px;height:300px;background:#B48760;border-radius:10px;margin:100px 0px 0px 0px;">

<div style="float:left;width:300px;height:110px;overflow:hidden;padding:10px;border:1px solid #1A2022;border-radius:10px 10px 0px 0px;margin:10px 0px 0px 9px;">
<div style="float:left;width:340px;height:110px;overflow:auto;">
<div style="float:left;width:300px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:georgia;font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Arcu ac tortor dignissim convallis aenean et tortor at. Consectetur a erat nam at lectus urna duis convallis convallis. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Nulla facilisi morbi tempus iaculis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Amet mauris commodo quis imperdiet massa tincidunt nunc. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Molestie at elementum eu facilisis sed odio morbi quis commodo. Vulputate dignissim suspendisse in est ante. Cras adipiscing enim eu turpis egestas pretium. Mi ipsum faucibus vitae aliquet. Tristique magna sit amet purus gravida. Id porta nibh venenatis cras sed. In dictum non consectetur a erat.</div>
</div>
</div>
</div>

<div style="float:left;width:150px;height:115px;overflow:hidden;padding:10px;border:1px solid #1A2022;border-radius:0px 0px 0px 10px;margin:10px 0px 0px 9px;">
<div style="float:left;width:190px;height:115px;overflow:auto;">
<div style="float:left;width:150px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:georgia;font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Arcu ac tortor dignissim convallis aenean et tortor at. Consectetur a erat nam at lectus urna duis convallis convallis. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Nulla facilisi morbi tempus iaculis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Amet mauris commodo quis imperdiet massa tincidunt nunc. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Molestie at elementum eu facilisis sed odio morbi quis commodo. Vulputate dignissim suspendisse in est ante. Cras adipiscing enim eu turpis egestas pretium. Mi ipsum faucibus vitae aliquet. Tristique magna sit amet purus gravida. Id porta nibh venenatis cras sed. In dictum non consectetur a erat.</div>
</div>
</div>
</div>

  <!--Gradient-->
<div style="float:left;width:140px;height:20px;background:#586C74;border-radius:5px 5px 0px 0px;margin:9px 0px 0px 10px;"></div>
<div style="float:left;width:140px;height:20px;background:#4F6169;border-radius:0px;margin:9px 0px 0px 10px;"></div>
<div style="float:left;width:140px;height:20px;background:#46575D;border-radius:0px;margin:9px 0px 0px 10px;"></div>
<div style="float:left;width:140px;height:20px;background:#3D4B51;border-radius:0px;margin:9px 0px 0px 10px;"></div>
<div style="float:left;width:140px;height:20px;background:#354146;border-radius:0px 0px 5px 5px;margin:9px 0px 0px 10px;"></div>
  <!--Gradient-->

</div>
</div>
  <!--Foreword + Author's Notes-->

</div>
  <!--Second Page End-->

</div>
</div>
</div>
  <!--Main Scroll-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

02 — PLOTLINES

  <!--Layout Start-->
<div style="width:700px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:700px;height:500px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:50px 0px 0px 0px;">

  <!--Author's Notes Side-->
<div style="float:left;width:250px;height:400px;border-radius:10px 0px 0px 10px;margin:0px 0px 0px 0px;">

  <!--Title-->
<div style="float:left;font-family:'georgia';font-size:70px;color:#5A5046;line-height:70px;text-align:left;letter-spacing:3px;margin:35px 0px 0px 45px;"><b>plot.</b>
<div style="font-family:'georgia';font-size:70px;color:#242D31;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -2px;"><b>plot.</b></div>
<div style="font-family:'georgia';font-size:70px;color:#FFF;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -4px;"><b>plot.</b></div></div>
  <!--Title-->

  <!--Picture-->
<div style="float:left;width:200px;height:60px;margin:30px 0px 0px 27px;"><img src="https://i.imgur.com/xxcLsEE.png" style="width:200px;height:60px;border-radius:8px;"></div>
  <!--Picture-->

  <!--Notes-->
<div style="float:left;width:200px;height:110px;overflow:hidden;margin:20px 0px 0px 26px;">
<div style="float:left;width:240px;height:110px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
  <!--Notes-->

  <!--Plots Available Tab-->
<div style="float:left;width:200px;height:auto;background:#B48760;border-radius:5px;margin:20px 0px 0px 26px;">
<div style="float:left;width:164px;height:auto;border:1px solid #B48760; background:#1A2123;padding:5px 5px 5px 7px;border-radius:5px 0px 0px 5px;font-family:'georgia';font-size:11px;line-height:11px;color:#B48760;text-align:center;letter-spacing:4px;margin:0px 0px 0px 0px;">PLOTS AVAILABLE</div>
<div style="float:right;font-family:'georgia';font-size:11px;line-height:11px;color:#1A2123;text-align:right;margin:6px 5px 0px 0px;">00</div>
</div>
  <!--Plots Available Tab-->

</div>
  <!--Author's Notes Sides-->

  <!--Main Scroll-->
<div style="float:right;width:420px;height:500px;overflow:hidden;margin:-50px 28px 0px 0px;">
<div style="float:left;width:460px;height:500px;overflow:auto;">
<div style="float:left;width:420px;">

  <!--Plotline 01-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 01-->

  <!--Plotline 02-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 02-->

  <!--Plotline 03-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 03-->

  <!--Plotline 04-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 04-->

  <!--Plotline 05-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 05-->

  <!--Plotline 06-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 06-->

  <!--Plotline 07-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 07-->

  <!--Plotline 08-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/DKbaTdu.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>plotline name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 08-->

</div>
</div>
</div>
  <!--Main Scroll-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

03 — CHEATSHEET

  <!--Layout Start-->
<div style="width:800px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:800px;height:500px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:50px 0px 0px 50px;">

  <!--Title-->
<div style="float:left;font-family:'georgia';font-size:70px;color:#5A5046;line-height:70px;text-align:left;letter-spacing:3px;margin:160px 0px 0px 150px;"><b>the menu.</b>
<div style="font-family:'georgia';font-size:70px;color:#242D31;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -2px;"><b>the menu.</b></div>
<div style="font-family:'georgia';font-size:70px;color:#FFF;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -4px;"><b>the menu.</b></div>
<div style="font-family:'georgia';font-size:12px;color:#B48760;line-height:12px;text-align:center;margin:10px 0px 0px 0px;"><i>scroll down.</i></div>
</div>
  <!--Title-->

  <!--Main Scroll-->
<div style="float:left;width:800px;height:500px;overflow:hidden;margin:-298px 0px 0px -50px;">
<div style="float:left;width:840px;height:500px;overflow:auto;">
<div style="float:left;width:800px;">

  <!--First Section Start-->
<div style="float:left;width:230px;height:495px;background:#3D4B52;border-radius:15px;margin:370px 0px 0px 5px;">
<div style="float:left;width:230px;height:495px;background:#C6C0BE;border-radius:15px;margin:-5px 0px 0px -5px;">

<div style="float:left;width:77px;height:70px;border-right:1px solid #B48760;border-bottom:1px solid #B48760;border-radius:0px 0px 10px 0px;margin:40px 0px 0px 83px;">
<div style="float:left;width:80px;height:72px;background:#1A2123;border-radius:10px;margin:-10px 0px 0px -10px;">
<div style="font-family:'georgia';font-size:45px;color:#576B75;text-align:center;margin:-2px 0px 0px 0px;"><b>01</b></div>
</div>
</div>

<div style="float:left;width:200px;height:330px;overflow:hidden;margin:30px 0px 0px 16px;">
<div style="float:left;width:240px;height:330px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:georgia;font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Arcu ac tortor dignissim convallis aenean et tortor at. Consectetur a erat nam at lectus urna duis convallis convallis. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Nulla facilisi morbi tempus iaculis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Amet mauris commodo quis imperdiet massa tincidunt nunc. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Molestie at elementum eu facilisis sed odio morbi quis commodo. Vulputate dignissim suspendisse in est ante. Cras adipiscing enim eu turpis egestas pretium. Mi ipsum faucibus vitae aliquet. Tristique magna sit amet purus gravida. Id porta nibh venenatis cras sed. In dictum non consectetur a erat.</div>
</div>
</div>
</div>

</div>
</div>
  <!--First Section End-->

  <!--Second Section Start-->
<div style="float:left;width:230px;height:495px;background:#3D4B52;border-radius:15px;margin:370px 0px 0px 52px;">
<div style="float:left;width:230px;height:495px;background:#C6C0BE;border-radius:15px;margin:-5px 0px 0px -5px;">
<div style="float:left;width:77px;height:70px;border-right:1px solid #B48760;border-bottom:1px solid #B48760;border-radius:0px 0px 10px 0px;margin:40px 0px 0px 83px;">
<div style="float:left;width:80px;height:72px;background:#1A2123;border-radius:10px;margin:-10px 0px 0px -10px;">
<div style="font-family:'georgia';font-size:45px;color:#576B75;text-align:center;margin:-2px 0px 0px 0px;"><b>02</b></div>
</div>
</div>

<div style="float:left;width:200px;height:330px;overflow:hidden;margin:30px 0px 0px 16px;">
<div style="float:left;width:240px;height:330px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:georgia;font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus et. Arcu ac tortor dignissim convallis aenean et tortor at. Consectetur a erat nam at lectus urna duis convallis convallis. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Nulla facilisi morbi tempus iaculis. Ut enim blandit volutpat maecenas volutpat blandit aliquam. Amet mauris commodo quis imperdiet massa tincidunt nunc. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget egestas. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. Leo a diam sollicitudin tempor id eu nisl nunc mi. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit. Molestie at elementum eu facilisis sed odio morbi quis commodo. Vulputate dignissim suspendisse in est ante. Cras adipiscing enim eu turpis egestas pretium. Mi ipsum faucibus vitae aliquet. Tristique magna sit amet purus gravida. Id porta nibh venenatis cras sed. In dictum non consectetur a erat.</div>
</div>
</div>
</div>

</div>
</div>
  <!--Second Section End-->

  <!--Third Section Start-->
<div style="float:left;width:230px;height:495px;background:#3D4B52;border-radius:15px;margin:370px 0px 0px 52px;">
<div style="float:left;width:230px;height:495px;background:#C6C0BE;border-radius:15px;margin:-5px 0px 0px -5px;">
<div style="float:left;width:77px;height:70px;border-right:1px solid #B48760;border-bottom:1px solid #B48760;border-radius:0px 0px 10px 0px;margin:40px 0px 0px 83px;">
<div style="float:left;width:80px;height:72px;background:#1A2123;border-radius:10px;margin:-10px 0px 0px -10px;">
<div style="font-family:'georgia';font-size:45px;color:#576B75;text-align:center;margin:-3px 0px 0px 0px;"><b>03</b></div>
</div>
</div>

<div style="float:left;width:140px;height:35px;border-right:1px solid #1A2123;border-bottom:1px solid #1A2123;border-radius:0px 0px 5px 0px;margin:35px 0px 0px 52px;">
<div style="float:left;width:130px;height:auto;background:#B48760;border-radius:5px;padding:8px;font-family:'georgia';font-size:11px;color:#C6C0BE;text-align:center;letter-spacing:5px;margin:-5px 0px 0px -12px;"><b><a href="link here" style="color:#C6C0BE";>TURN-IN</a></b></div>
</div>

<div style="float:left;width:140px;height:35px;border-right:1px solid #1A2123;border-bottom:1px solid #1A2123;border-radius:0px 0px 5px 0px;margin:105px 0px 0px 52px;">
<div style="float:left;width:130px;height:auto;background:#B48760;border-radius:5px;padding:8px;font-family:'georgia';font-size:11px;color:#C6C0BE;text-align:center;letter-spacing:5px;margin:-5px 0px 0px -12px;"><b><a href="link here" style="color:#C6C0BE";>SOURCE</a></b></div>
</div>

<div style="float:left;width:140px;height:35px;border-right:1px solid #1A2123;border-bottom:1px solid #1A2123;border-radius:0px 0px 5px 0px;margin:105px 0px 0px 52px;">
<div style="float:left;width:130px;height:auto;background:#B48760;border-radius:5px;padding:8px;font-family:'georgia';font-size:11px;color:#C6C0BE;text-align:center;letter-spacing:5px;margin:-5px 0px 0px -12px;"><b><a href="link here" style="color:#C6C0BE";>EXAMPLE</a></b></div>
</div>

</div>
</div>
  <!--Third Section End-->

</div>
</div>
</div>
  <!--Main Scroll-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

04 — ANNOUNCEMENTS

  <!--Layout Start-->
<div style="width:800px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:800px;height:500px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:50px 0px 0px 50px;">

  <!--Title-->
<div style="float:left;font-family:'georgia';font-size:70px;color:#5A5046;line-height:70px;text-align:left;letter-spacing:3px;margin:75px 0px 0px 195px;"><b>updates.</b>
<div style="font-family:'georgia';font-size:70px;color:#242D31;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -2px;"><b>updates.</b></div>
<div style="font-family:'georgia';font-size:70px;color:#FFF;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -4px;"><b>updates.</b></div></div>
  <!--Title-->

  <!--Main Scroll-->
<div style="float:left;width:800px;height:240px;overflow:hidden;margin:70px 0px 0px -50px;">
<div style="float:left;width:840px;height:240px;overflow:auto;">
<div style="float:left;width:800px;">

  <!--Update 01-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 0px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 01-->

  <!--Update 02-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 10px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 02-->

  <!--Update 03-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 10px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 03-->

  <!--Update 04-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:10px 0px 0px 0px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 04-->

  <!--Update 05-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:10px 0px 0px 10px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 05-->

  <!--Update 06-->
<div style="float:left;width:260px;height:240px;background:#C6C0BE;border-radius:15px;margin:10px 0px 0px 10px;">

<div style="float:left;width:240px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/B7n2oRA.png" style="width:240px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:260px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>00/00/00</b></div>

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:260px;height:180px;overflow:auto;">
<div style="float:left;width:240px;">

<div style="float:left;width:240px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:200px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:240px;height:140px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Update 06-->

</div>
</div>
</div>
  <!--Main Scroll-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

05 — REVIEWS

  <!--Layout Start-->
<div style="width:700px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:700px;height:500px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:50px 0px 0px 0px;">

  <!--Author's Notes Side-->
<div style="float:left;width:250px;height:400px;border-radius:10px 0px 0px 10px;margin:0px 0px 0px 0px;">

  <!--Title-->
<div style="float:left;font-family:'georgia';font-size:70px;color:#5A5046;line-height:70px;text-align:left;letter-spacing:3px;margin:20px 0px 0px 55px;"><b>rev.</b>
<div style="font-family:'georgia';font-size:70px;color:#242D31;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -2px;"><b>rev.</b></div>
<div style="font-family:'georgia';font-size:70px;color:#FFF;line-height:70px;text-align:left;letter-spacing:3px;margin:-72px 0px 0px -4px;"><b>rev.</b></div></div>
  <!--Title-->

  <!--Picture-->
<div style="float:left;width:200px;height:60px;margin:20px 0px 0px 27px;"><img src="https://i.imgur.com/xxcLsEE.png" style="width:200px;height:60px;border-radius:8px;"></div>
  <!--Picture-->

  <!--Notes-->
<div style="float:left;width:200px;height:70px;overflow:hidden;margin:20px 0px 0px 26px;">
<div style="float:left;width:240px;height:70px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
  <!--Notes-->

  <!--Accepted Tab-->
<div style="float:left;width:200px;height:auto;background:#B48760;border-radius:5px;margin:20px 0px 0px 26px;">
<div style="float:left;width:164px;height:auto;border:1px solid #B48760; background:#1A2123;padding:5px 5px 5px 7px;border-radius:5px 0px 0px 5px;font-family:'georgia';font-size:11px;line-height:11px;color:#B48760;text-align:center;letter-spacing:5px;margin:0px 0px 0px 0px;">ACCEPTED</div>
<div style="float:right;font-family:'georgia';font-size:11px;line-height:11px;color:#1A2123;text-align:right;margin:6px 5px 0px 0px;">00</div>
</div>
  <!--Accepted Tab-->

  <!--Reviewing Tab-->
<div style="float:left;width:200px;height:auto;background:#B48760;border-radius:5px;margin:10px 0px 0px 26px;">
<div style="float:left;width:164px;height:auto;border:1px solid #B48760; background:#1A2123;padding:5px 5px 5px 7px;border-radius:5px 0px 0px 5px;font-family:'georgia';font-size:11px;line-height:11px;color:#B48760;text-align:center;letter-spacing:5px;margin:0px 0px 0px 0px;">REVIEWING</div>
<div style="float:right;font-family:'georgia';font-size:11px;line-height:11px;color:#1A2123;text-align:right;margin:6px 5px 0px 0px;">00</div>
</div>
  <!--Reviewing Tab-->

  <!--Pending Tab-->
<div style="float:left;width:200px;height:auto;background:#B48760;border-radius:5px;margin:10px 0px 0px 26px;">
<div style="float:left;width:164px;height:auto;border:1px solid #B48760; background:#1A2123;padding:5px 5px 5px 7px;border-radius:5px 0px 0px 5px;font-family:'georgia';font-size:11px;line-height:11px;color:#B48760;text-align:center;letter-spacing:5px;margin:0px 0px 0px 0px;">PENDING</div>
<div style="float:right;font-family:'georgia';font-size:11px;line-height:11px;color:#1A2123;text-align:right;margin:6px 5px 0px 0px;">00</div>
</div>
  <!--Pending Tab-->

</div>
  <!--Author's Notes Sides-->

  <!--Main Scroll-->
<div style="float:right;width:420px;height:500px;overflow:hidden;margin:-50px 28px 0px 0px;">
<div style="float:left;width:460px;height:500px;overflow:auto;">
<div style="float:left;width:420px;">

  <!--Plotline 01-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 01-->

  <!--Plotline 02-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:0px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 02-->

  <!--Plotline 03-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 03-->

  <!--Plotline 04-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 04-->

  <!--Plotline 05-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 05-->

  <!--Plotline 06-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 06-->

  <!--Plotline 07-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 0px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 07-->

  <!--Plotline 08-->
<div style="float:left;width:200px;height:240px;background:#C6C0BE;border-radius:15px;margin:20px 0px 0px 20px;">

<div style="float:left;width:180px;height:180px;margin:10px 0px 10px 10px;"><img src="https://i.imgur.com/KioimSp.png" style="width:180px;height:180px;border-radius:15px;"></div>
<div style="float:left;width:200px;height:auto;padding:5px 0px 5px 0px;border-top:1px solid #615F5E;border-bottom:1px solid #615F5E;font-family:'georgia';font-size:12px;color:#1A2123;line-height:12px;text-align:center;letter-spacing:3px;margin:2px 0px 0px 0px;"><b>character name.</b></div>

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:-216px 0px 0px 10px;">
<div style="float:left;width:220px;height:180px;overflow:auto;">
<div style="float:left;width:180px;">

<div style="float:left;width:180px;height:180px;overflow:hidden;border-radius:15px;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:140px;height:140px;overflow:hidden;padding:10px;background:#C6C0BE;border-radius:15px;margin:10px 0px 10px 10px;">
<div style="float:left;width:180px;height:140px;overflow:auto;">
<div style="float:left;width:140px;">
<div style="font-family:'georgia';font-size:10px;color:#1A2123;line-height:10px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

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

</div>
  <!--Plotline 08-->

</div>
</div>
</div>
  <!--Main Scroll-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

06 — STORY CHAPTER

  <!--Layout Start-->
<div style="width:700px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:700px;height:400px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;background:#242D31;border-radius:10px;margin:0px 0px 0px 0px;">

  <!--Side Panel Start-->
<div style="float:left;width:250px;height:380px;background:#4E616A;border-radius:10px;opacity:0.7;margin:10px 0px 0px 10px;">

  <!--Author's Notes-->
<div style="float:left;width:230px;height:320px;margin:10px 0px 0px 10px;">

  <!--Picture-->
<div style="float:left;width:230px;height:320px;margin:0px 0px 0px 0px;"><img src="https://i.imgur.com/Xokzrl3.png" style="width:230px;height:320px;border-radius:10px;"></div>
  <!--Picture-->

  <!--Author's Notes Main Scroll-->
<div style="float:left;width:230px;height:320px;overflow:hidden;border-radius:10px;margin:-320px 0px 0px 0px;">
<div style="float:left;width:270px;height:320px;overflow:auto;">
<div style="float:left;width:230px;">

  <!--Notes Scroll-->
<div style="float:left;width:230px;height:361px;background:#334047;border-radius:10px;opacity:0.9;margin:280px 0px 0px 0px;">

<div style="float:left;font-family:'georgia';font-size:18px;color:#111617;line-height:18px;text-align:left;margin:13px 0px 0px 50px;"><b>author's notes.</b>
<div style="font-family:'georgia';font-size:18px;color:#FFF;line-height:18px;text-align:left;margin:-20px 0px 0px -2px;"><b>author's notes.</b></div>
</div>

<div style="float:left;width:200px;height:290px;overflow:hidden;padding:15px;border-radius:10px;margin:11px 0px 0px 0px;">
<div style="float:left;width:240px;height:290px;overflow:auto;">
<div style="float:left;width:200px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

</div>
  <!--Notes Scroll-->

</div>
</div>
</div>
  <!--Author's Notes Main Scroll-->

</div>
  <!--Author's Notes-->

  <!--Chapter Tab-->
<div style="float:left;width:140px;height:auto;background:#B48760;border-radius:5px;margin:15px 0px 0px 10px;">
<div style="float:left;width:104px;height:auto;border:1px solid #B48760; background:#1A2123;padding:5px 5px 5px 7px;border-radius:5px 0px 0px 5px;font-family:'georgia';font-size:11px;line-height:11px;color:#B48760;text-align:center;letter-spacing:4px;margin:0px 0px 0px 0px;">CHAPTER</div>
<div style="float:right;font-family:'georgia';font-size:11px;line-height:11px;color:#1A2123;text-align:right;margin:6px 5px 0px 0px;">00</div>
</div>
  <!--Chapter Tab-->

</div>
  <!--Side Panel End-->

  <!--Main Panel Start-->
<div style="float:left;width:420px;height:380px;padding:10px;border-radius:10px;margin:0px 0px 0px 0px;">

  <!--Title-->
<div style="float:right;font-family:'georgia';font-size:40px;color:#5A5046;line-height:40px;text-align:left;letter-spacing:3px;margin:10px 0px 0px 10px;"><b>chapter title.</b>
<div style="font-family:'georgia';font-size:40px;color:#242D31;line-height:40px;text-align:left;letter-spacing:3px;margin:-42px 0px 0px -2px;"><b>chapter title.</b></div>
<div style="font-family:'georgia';font-size:40px;color:#FFF;line-height:40px;text-align:left;letter-spacing:3px;margin:-42px 0px 0px -4px;"><b>chapter title.</b></div>
</div>
  <!--Title-->

  <!--Chapter Scroll Start-->
<div style="float:left;width:400px;height:310px;overflow:hidden;margin:20px 0px 0px 10px;">
<div style="float:left;width:440px;height:310px;overflow:auto;">
<div style="float:left;width:400px;">
<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#FFF;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
  <!--Chapter Scroll End-->

</div>
  <!--Main Panel End-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->

07 — APPLICATION

  <!--Layout Start-->
<div style="width:700px;margin:auto;">

  <!--Background Start-->
<div style="float:left;width:700px;height:400px;margin:0px 0px 5px 0px;">
<div style="float:left;width:700px;height:400px;border:1px solid #242D31;border-radius:10px;margin:0px 0px 0px 0px;">

  <!--Side Panel Start-->
<div style="float:left;width:250px;height:400px;border-radius:10px 0px 0px 10px;margin:0px 0px 0px 0px;">

  <!--Profile Picture-->
<div style="float:left;width:150px;height:150px;background:#242D31;border-radius:150px;margin:20px 0px 0px 51px;">
<div style="float:left;width:130px;height:130px;margin:10px 0px 0px 10px;"><img src="https://i.imgur.com/zuS3Rgx.png" style="width:130px;height:130px;border-radius:130px;"></div>
</div>
  <!--Profile Picture-->

<div style="float:left;width:210px;height:190px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:250px;height:190px;overflow:auto;">
<div style="float:left;width:210px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

</div>
  <!--Side Panel End-->

  <!--Main Panel Start-->
<div style="float:left;width:450px;height:400px;overflow:hidden;background:#242D31;border-radius:0px 10px 10px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:490px;height:400px;overflow:auto;margin:0px 0px 0px 0px;">
<div style="float:left;width:450px;">

<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-top:30px solid transparent;margin:20px 0px 0px 0px;"></div>

  <!--Title 1-->
<div style="float:left;width:450px;height:50px;background:#242D31;border-radius:0px 0px 0px 30px;margin:-50px 0px 0px 0px;">
<div style="float:right;font-family:'georgia';font-size:30px;color:#5A5046;line-height:30px;text-align:left;letter-spacing:3px;margin:12px 10px 0px 0px;"><b>section 1.</b>
<div style="font-family:'georgia';font-size:30px;color:#242D31;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -2px;"><b>section 1.</b></div>
<div style="font-family:'georgia';font-size:30px;color:#FFF;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -4px;"><b>section 1.</b></div>
</div>
</div>
  <!--Title 1-->

  <!--White Slide 1-->
<div style="float:left;width:450px;height:300px;background:#FFF;border-radius:0px 30px 30px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:190px;height:260px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

<div style="float:right;width:190px;height:260px;overflow:hidden;margin:20px 20px 0px 0px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
</div>
  <!--White Slide 1-->

  <!--Title 2-->
<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-bottom:30px solid transparent;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-top:30px solid transparent;margin:20px 0px 0px -60px;"></div>

<div style="float:left;width:450px;height:50px;background:#242D31;border-radius:30px 0px 0px 30px;margin:-30px 0px 0px 0px;">
<div style="float:right;font-family:'georgia';font-size:30px;color:#5A5046;line-height:30px;text-align:left;letter-spacing:3px;margin:12px 10px 0px 0px;"><b>section 2.</b>
<div style="font-family:'georgia';font-size:30px;color:#242D31;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -2px;"><b>section 2.</b></div>
<div style="font-family:'georgia';font-size:30px;color:#FFF;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -4px;"><b>section 2.</b></div>
</div>
</div>
  <!--Title 2-->

  <!--White Slide 2-->
<div style="float:left;width:450px;height:300px;background:#FFF;border-radius:0px 30px 30px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:190px;height:260px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

<div style="float:right;width:190px;height:260px;overflow:hidden;margin:20px 20px 0px 0px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
</div>
  <!--White Slide 2-->

  <!--Title 3-->
<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-bottom:30px solid transparent;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-top:30px solid transparent;margin:20px 0px 0px -60px;"></div>

<div style="float:left;width:450px;height:50px;background:#242D31;border-radius:30px 0px 0px 30px;margin:-30px 0px 0px 0px;">
<div style="float:right;font-family:'georgia';font-size:30px;color:#5A5046;line-height:30px;text-align:left;letter-spacing:3px;margin:12px 10px 0px 0px;"><b>section 3.</b>
<div style="font-family:'georgia';font-size:30px;color:#242D31;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -2px;"><b>section 3.</b></div>
<div style="font-family:'georgia';font-size:30px;color:#FFF;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -4px;"><b>section 3.</b></div>
</div>
</div>
  <!--Title 3-->

  <!--White Slide 3-->
<div style="float:left;width:450px;height:300px;background:#FFF;border-radius:0px 30px 30px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:190px;height:260px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

<div style="float:right;width:190px;height:260px;overflow:hidden;margin:20px 20px 0px 0px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
</div>
  <!--White Slide 3-->

  <!--Title 4-->
<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-bottom:30px solid transparent;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-top:30px solid transparent;margin:20px 0px 0px -60px;"></div>

<div style="float:left;width:450px;height:50px;background:#242D31;border-radius:30px 0px 0px 30px;margin:-30px 0px 0px 0px;">
<div style="float:right;font-family:'georgia';font-size:30px;color:#5A5046;line-height:30px;text-align:left;letter-spacing:3px;margin:12px 10px 0px 0px;"><b>section 4.</b>
<div style="font-family:'georgia';font-size:30px;color:#242D31;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -2px;"><b>section 4.</b></div>
<div style="font-family:'georgia';font-size:30px;color:#FFF;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -4px;"><b>section 4.</b></div>
</div>
</div>
  <!--Title 4-->

  <!--White Slide 4-->
<div style="float:left;width:450px;height:300px;background:#FFF;border-radius:0px 30px 30px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:190px;height:260px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

<div style="float:right;width:190px;height:260px;overflow:hidden;margin:20px 20px 0px 0px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
</div>
  <!--White Slide 4-->

  <!--Title 5-->
<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-bottom:30px solid transparent;margin:0px 0px 0px 0px;"></div>

<div style="float:left;width:30px;height:0px;border-left:30px solid #FFF;border-top:30px solid transparent;margin:20px 0px 0px -60px;"></div>

<div style="float:left;width:450px;height:50px;background:#242D31;border-radius:30px 0px 0px 30px;margin:-30px 0px 0px 0px;">
<div style="float:right;font-family:'georgia';font-size:30px;color:#5A5046;line-height:30px;text-align:left;letter-spacing:3px;margin:12px 10px 0px 0px;"><b>section 5.</b>
<div style="font-family:'georgia';font-size:30px;color:#242D31;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -2px;"><b>section 5.</b></div>
<div style="font-family:'georgia';font-size:30px;color:#FFF;line-height:30px;text-align:left;letter-spacing:3px;margin:-32px 0px 0px -4px;"><b>section 5.</b></div>
</div>
</div>
  <!--Title 5-->

  <!--White Slide 5-->
<div style="float:left;width:450px;height:300px;background:#FFF;border-radius:0px 30px 30px 0px;margin:0px 0px 0px 0px;">
<div style="float:left;width:190px;height:260px;overflow:hidden;margin:20px 0px 0px 20px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>

<div style="float:right;width:190px;height:260px;overflow:hidden;margin:20px 20px 0px 0px;">
<div style="float:left;width:230px;height:260px;overflow:auto;">
<div style="float:left;width:190px;">
<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">&nbsp;</div>

<div style="font-family:'georgia';font-size:11px;color:#000;line-height:11px;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Aliquam faucibus purus in massa tempor nec feugiat nisl. Nam aliquam sem et tortor consequat id porta nibh. Libero nunc consequat interdum varius sit amet mattis vulputate. Facilisis magna etiam tempor orci eu. Volutpat ac tincidunt vitae semper quis lectus nulla at volutpat. Aliquam nulla facilisi cras fermentum odio eu feugiat. Viverra nam libero justo laoreet sit amet cursus sit. Cras semper auctor neque vitae tempus quam. Sit amet consectetur adipiscing elit ut aliquam purus sit. Rhoncus urna neque viverra justo nec ultrices. Senectus et netus et malesuada fames ac turpis egestas. Ornare suspendisse sed nisi lacus. Ultrices sagittis orci a scelerisque purus semper eget duis. Laoreet id donec ultrices tincidunt arcu non sodales neque.</div>
</div>
</div>
</div>
</div>
  <!--White Slide 5-->

</div>
</div>
</div>
  <!--Main Panel End-->

</div>
</div>
  <!--Background End-->

<div style="float:right;width:auto;border-bottom:1px dotted #000;font-family:'helvetica';font-size:10px;color:#000;text-align:right;margin:0px 0px 0px 0px;"><a href="https://www.asianfanfics.com/story/view/1465009/" style="color:#000;">EPHR</a></div>
</div>
  <!--Layout End-->