Life at Riverside Heights : โคดสมัคร

<!--
[คู่มือการแก้ไขโคด]
ปรับตำแหน่งรูป เพิ่ม --apt-pos: 50% 50%; ต่อท้ายลิงก์รูป
- ตัวแรก ขยับซ้ายขวา <50% ขยับไปทางขวา >50% ขยับไปทางซ้าย
- ตัวหลัง ขยับขึ้นลง <50% ขยับไปข้างบน >50% ขยับไปข้างล่าง

ปรับขนาดรูป เพิ่ม --apt-size: cover; ต่อท้ายลิงก์รูป
- cover ขยายเต็มพื้นที่
- 100% กว้างเท่าพื้นที่
- <100% กว้างน้อยกว่าพื้นที่ (ย่อรูป)
- >100% กว้างมากกว่าพื้นที่ (ขยายรูป)
-->

<link href="https://savant777.github.io/zoecode/apartment/apartment.css" rel="stylesheet">
<div id="Apartment"><a href="https://discord.com/users/625292873914515456/"></a><div id="apt-reg" class="apt-box">
<div class="apt-header"><div>Life at Riverside Heights</div><div><i class="fa-solid fa-gear"></i></div></div>
<div class="apt-tabs"><div><i class="fa-solid fa-bars"></i>|<div>Personal information</div></div>
<div><i class="fa-solid fa-bag-shopping fa-sm"></i><i class="fa-solid fa-user fa-sm"></i><i class="fa-solid fa-heart fa-sm"></i><i class="fa-solid fa-circle-xmark fa-sm"></i></div></div>
<section class="apt-section"><div class="apt-topic"><i class="fa fa-user"></i> Basic Info</div>
<div class="apt-grid">
<div class="apt-pic" style="--apt-pic: url(--ลิงก์รูปภาพ--);"></div>
<div class="apt-q">Name (TH) :</div><div class="apt-a sm">--ชื่อภาษาไทย--</div>
<div class="apt-q">Name (EN) :</div><div class="apt-a sm">--ชื่อภาษาอังกฤษ--</div>
<div class="apt-q">Faceclaim :</div><div class="apt-a sm fc">[url=--ลิงก์รูปตัวละครขนาด 1:1--]--ชื่อเฟซเคลม--[/url]</div>
<div class="apt-q">Gender :</div><div class="apt-a sm">--Male / Female--</div>
<div class="apt-q">Height :</div><div class="apt-a sm">--ส่วนสูง--</div>
<div class="apt-q">Birth Date :</div><div class="apt-a bd">--dd/MM/yyyy--</div><div class="apt-a age">--อายุ ขั้นต่ำ 20 ปีขึ้นไป--</div>
<div class="apt-q">Career :</div><div class="apt-a lg">--อาชีพ สามารถเลือกทำงานร้านต่าง ๆ ที่มีในกระทู้ได้--</div>
<div class="apt-q">Room :</div><div class="apt-a lg">--ชั้น-- Floor, Room --ห้อง-- ดูได้จากผังห้องพัก</div>
<div class="apt-q">Color :</div><div class="apt-a lg">--#hex code โคดสีที่ชอบ 1 สี--</div>
</div></section>
<section class="apt-section"><div class="apt-topic"><i class="fa fa-face-smile"></i> Looks & Personality</div>
<div class="apt-flex">
<div class="apt-q">Appearance :</div>
<div class="apt-a">
<p>--ลักษณะทางกายภาพ--</p>
</div>
<div class="apt-q">Personality :</div>
<div class="apt-a">
<p>--ลักษณะนิสัย--</p>
</div>
</div></section>
<section class="apt-section"><div class="apt-topic"><i class="fa fa-book-open"></i> Story & Background</div>
<div class="apt-flex">
<div class="apt-q">Background :</div>
<div class="apt-a">
<p>--ภูมิหลังสั้น ๆ ก่อนมาอยู่ที่ Riverside Heights ไม่เกิน 150 คำ--</p>
<p>--ขึ้นย่อหน้าใหม่ให้ก๊อปอันนี้ไปทั้งก้อน--</p>
</div>
<div class="apt-q">Move Reason :</div>
<div class="apt-a">
<p>--เหตุผลที่ย้ายมา--</p>
</div>
<div class="apt-q">Lifestyle & Preferences :</div>
<div class="apt-a">
[list]
[*]--รสนิยมและไลฟ์สไตล์--
[*]--รสนิยมและไลฟ์สไตล์--
[*]--รสนิยมและไลฟ์สไตล์--
[/list]
</div></div></section><section class="apt-section"><div class="apt-topic"><i class="fa-solid fa-heart"></i> Relationship</div>
<div class="apt-flex">
<div class="apt-a">
[list]
[*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
[*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
[*]ชื่อ - ระดับความสัมพันธ์เบื้องต้น (xx/100)
[/list]
</div></div></section>
<section class="apt-section"><div class="apt-topic"><i class="fa-solid fa-star"></i> TMI</div>
<div class="apt-flex">
<div class="apt-a">
[list]
[*]xxx
[*]xxx
[*]xxx
[/list]
</div></div></section>
<div class="apt-btn">Submit</div></div></div>