Strange Animals (สัตว์โลกน่ารัก)

เจ้าของผลงานเล่าไว้แบบนี้

https://kesinee7360-collab.github.io/StrangeAnimals/ # Strange Animals (สัตว์โลกน่ารัก) เว็บไซต์ศูนย์รวมข้อมูลสัตว์แปลก (Exotic Pets) ที่ให้ความรู้เกี่ยวกับการเลี้ยงดู กฎหมายข้อบังคับ และการติดต่อซื้อขายสำหรับคนรักสัตว์แปลก ## Live Website https://kesinee7360-collab.github.io/StrangeAnimals/ ## Figma Design https://www.figma.com/design/tyYc4YtLgqnhpNpcYuzkcQ/strangeanimals?node-id=0-1&t=Eiv9Jyh9UMQ9HIJr-1 ## Project Objectives **วัตถุประสงค์:** เพื่อเป็นแพลตฟอร์มสื่อกลางและศูนย์รวมข้อมูลที่ถูกต้องในการเลี้ยงดูสัตว์แปลก (Exotic Pets) รวมถึงให้ความรู้ด้านสวัสดิภาพสัตว์และกฎหมายที่เกี่ยวข้อง **กลุ่มเป้าหมาย:** ผู้ที่สนใจเริ่มต้นเลี้ยงสัตว์แปลก ผู้เลี้ยงมือใหม่ที่ต้องการคู่มือดูแล และผู้เพาะพันธุ์ที่ต้องการสร้างเครือข่าย ## Technology Stack - **Design:** Figma - **Frontend:** HTML5, CSS3, JavaScript (Vanilla) - **Framework:** ไม่ใช้ Framework - **CSS / UI:** เขียน CSS เองทั้งหมด (Vanilla CSS) ควบคุม Layout ด้วย Flexbox/Grid - **Version Control:** Git และ GitHub - **Hosting:** GitHub Pages - **AI Tools:** Google Gemini ## Features 1. **หน้าแรก (Home):** นำเสนอวิสัยทัศน์ แบนเนอร์สวยงาม และรวมหมวดหมู่สัตว์เด่น 2. **ประเภทสัตว์ (Animal Types):** ระบบแสดงข้อมูลสัตว์แยกตามหมวดหมู่ (เช่น สัตว์เลี้ยงลูกด้วยนม, สัตว์เลื้อยคลาน ฯลฯ) 3. **ระบบ Modal Pop-up:** เมื่อคลิกที่การ์ดสัตว์ จะแสดงรายละเอียดเชิงลึก วิธีการเลี้ยงดู อุปกรณ์ และลักษณะพิเศษ โดยดึงข้อมูลจาก JavaScript (Data Array) 4. **กฎหมาย & ข้อห้าม (Laws):** แหล่งรวมข้อปฏิบัติตามกฎหมายสำหรับผู้เลี้ยง 5. **ติดต่อเรา (Contact):** ฟอร์มติดต่อและลิงก์โซเชียลมีเดีย ## Design Impleme

โดย kesinee7360-collab · ดูโพสต์ต้นทาง