🌸 SakuraTemple Web

Landing Page Website สำหรับฝึกการใช้งาน HTML, CSS และ JavaScript โดยเน้นการทำงานด้านการจัด Layout, Animation และ Responsive Design

✨ Overview

• โครงสร้างเว็บไซต์แบบ Landing Page ที่เน้นความสวยงาม
• แยกส่วนของรูปภาพต่าง ๆ มาประกอบเป็น Hero Section
• เมื่อผู้ใช้เปิดเว็บไซต์ รูปภาพแต่ละส่วนจะปรากฏขึ้นด้วย GSAP Animation
• รองรับการใช้งานบนทุกอุปกรณ์ (Responsive Design)
• เพิ่มลูกเล่นด้วย Sakura Petals Effect (กลีบดอกร่วงลงมา) โดยใช้ library ภายนอก

🛠️ เทคโนโลยีที่ใช้

• HTML5 – โครงสร้างหน้าเว็บ
• CSS3 – การตกแต่งและ Responsive Layout
• JavaScript – จัดการ event และ animation
• Sakura.js – library กลีบดอกซากุระ