QUAINT。story & chapter layout

QUAINT。

WANDERLUST。　story & chapter layouts

"QUAINT"
designed and coded
by eggtion

---

REMINDERS:
- do not remove the credit
- comment when using
- do not copy, steal or redistribute this code
and claim it as your own
- do not use as base code or use snippets

YOU MAY:
- tweak the layout's colors, images, etc.

---

QUESTIONS:
please message me through this link:
https://www.asianfanfics.com/profile/view/1016022

QUAINT。chapter

<div style="margin:8%;">
<div style="font-family:cambria;font-size:48px;color:#FAC4B1;text-align:center;">1</div>

<div style="font-family:cambria;font-size:10px;text-align:center;letter-spacing:3px;">CHAPTER TITLE</div>

<div style="width:60%;height:1px;margin:40px auto 0px;background-color:#EEE;">&nbsp;</div>

<div style="width:7px;height:7px;border-radius:100%;background-color:#FAC4B1;margin:-4px auto 60px;">&nbsp;</div>

<div style="font-family:cambria;font-size:14.5px;line-height:20px;letter-spacing:.45px;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>

<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>

<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.</p>

<p>Etiam sit amet orci eget eros faucibus tincidunt.</p>

<p>Duis leo. Sed fringilla mauris sit amet nibh.</p>

<p>Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc.</p>

<p>Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.</p>

<p>Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci.</p>
</div>

<div style="width:60%;height:1px;margin:40px auto 0px;background-color:#EEE;">&nbsp;</div>

<div style="width:7px;height:7px;border-radius:100%;background-color:#FAC4B1;margin:-4px auto 40px;">&nbsp;</div>

<div class="stack sympl-stack">
<div class="sympl quarter" style="padding:0px;">&nbsp;</div>

<div class="sympl half l-half m-full" style="margin:auto;padding:0px;">
<div style="font-family:cambria;color:#FAC4B1;font-size:9px;text-align:center;letter-spacing:2px;">AUTHOR&#39;S NOTE:</div>

<div style="font-family:cambria;font-size:11px;text-align:center;line-height:14px;letter-spacing:.35px;margin-top:10px;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
</div>
</div>
</div>

<div style="text-align:right;margin-top:50px;">
<div style="font-family:consolas;font-size:6px;text-align:center;letter-spacing:2px;text-transform:uppercase;"><a href="https://www.asianfanfics.com/story/view/1360426/"><span style="color:#CCC;">Wanderlust。Layout coded by eggtion</span></a></div>
</div>
</div>

QUAINT。description & foreword

<div style="margin:8%;">
<div style="font-family:cambria;font-size:14.5px;line-height:20px;letter-spacing:.45px;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>

<p>Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>
</div>

<div style="width:50%;height:1px;margin:40px auto 0px;background-color:#EEE;">&nbsp;</div>

<div style="width:7px;height:7px;border-radius:100%;background-color:#FAC4B1;margin:-4px auto 40px;">&nbsp;</div>

<div style="font-family:cambria;font-size:14.5px;line-height:20px;letter-spacing:.45px;">
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante.</p>

<p>Etiam sit amet orci eget eros faucibus tincidunt.</p>
</div>

<div class="stack sympl-stack" style="margin-top:60px;">
<div class="sympl quarter" style="padding:0px;">&nbsp;</div>

<div class="sympl half l-half m-full" style="margin:auto;padding:0px;">
<div style="font-family:cambria;color:#FAC4B1;font-size:9px;text-align:center;letter-spacing:2px;">AUTHOR&#39;S NOTE:</div>

<div style="font-family:cambria;font-size:11px;text-align:center;line-height:14px;letter-spacing:.35px;margin-top:10px;">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
</div>
</div>
</div>

<div style="text-align:right;margin-top:50px;">
<div style="font-family:consolas;font-size:6px;text-align:center;letter-spacing:2px;text-transform:uppercase;"><a href="https://www.asianfanfics.com/story/view/1360426/"><span style="color:#CCC;">Wanderlust。Layout coded by eggtion</span></a></div>
</div>
</div>