# SHIFT Studio — เว็บไซต์เอเจนซีและพอร์ตโฟลิโอ

HTML/CSS/JavaScript แบบ static โดย Templatech • รุ่น 1.0.0 • 13 กันยายน 2026

## ไฟล์ที่ได้รับ
- index.html — หน้าแรก รายการ เกี่ยวกับเรา และ FAQ
- service-1.html ถึง service-3.html — รายละเอียด 3 รายการ พร้อมเนื้อหา HTML อ่านได้โดยไม่ใช้ JavaScript
- contact.html — แบบฟอร์มเตรียมข้อความ คัดลอก และดาวน์โหลด TXT
- assets/ — CSS, JavaScript, favicon
- README.md, LICENSE.txt, CHANGELOG.md

## เปิดใช้งาน
แตก ZIP แล้วเปิด index.html ได้โดยตรง หรืออัปโหลดโฟลเดอร์ทั้งหมดไปยังโฮสติ้ง static ไม่มีขั้นตอน build ไม่ต้องใช้ Node.js หรือฐานข้อมูล ไม่โหลดฟอนต์ สคริปต์ หรือภาพจากภายนอก

## ฟังก์ชัน
การกรองประเภทผลงานและหน้ารายละเอียดคอนเซปต์ พร้อมเมนูมือถือ ลิงก์ข้ามเนื้อหา focus สำหรับคีย์บอร์ด FAQ และแบบฟอร์มสร้างข้อความ ไม่มีการส่งข้อมูลออกจากอุปกรณ์หรือบันทึก localStorage

## ปรับแต่ง
- เปลี่ยนแบรนด์และเนื้อหาใน HTML ทั้ง 5 หน้า รวม title และ meta description
- รายการการ์ดอยู่ใน index.html รายละเอียดอยู่ใน service-N.html และตัวเลือกใน contact.html ให้แก้ 3 ตำแหน่งนี้ให้ตรงกัน
- สีหลักอยู่ที่ :root ใน assets/style.css มี body class แยกตามธีม
- พฤติกรรม ตัวกรอง และสูตรคำนวณอยู่ใน assets/app.js
- เปลี่ยน favicon และภาพประกอบให้ตรงแบรนด์ของคุณ
- หากเพิ่มรายการ ให้ทำสำเนาหน้ารายละเอียดและเพิ่มลิงก์บนหน้าแรก/ฟอร์ม

## ขอบเขตที่ต้องรู้ก่อนใช้จริง
แบรนด์ ผลงาน รายการบริการ กิจกรรม ราคา และแพ็กเกจทั้งหมดเป็นข้อมูลสาธิต ไม่ใช่คำรับรองผลหรือข้อเสนอจริง ภาพ AI (หากมี) ไม่ใช่ภาพสถานที่หรือผลงานของธุรกิจจริง
ไม่มีระบบสมาชิก ชำระเงิน ส่งอีเมล จองบัตร นัดหมาย ติดตามพัสดุ หรือระบบจัดการงาน SaaS จริง หน้าซอฟต์แวร์เป็นเว็บไซต์แนะนำผลิตภัณฑ์เท่านั้น
ฟอร์มสร้างข้อความเพื่อให้คัดลอก/ดาวน์โหลด ไม่ส่งข้อมูลอัตโนมัติ ต้องเชื่อม backend หรือบริการฟอร์มเองก่อนเปิดรับลูกค้าจริง เมื่อ JavaScript ปิดจะไม่สามารถสร้างข้อความได้
Clipboard ต้องการสภาพแวดล้อมที่เบราว์เซอร์อนุญาต หากใช้ไม่ได้จะเลือกข้อความให้คัดลอกเอง ไฟล์ TXT มีข้อมูลที่กรอกและควรจัดเก็บอย่างเหมาะสม
ค่าประมาณการเป็นตัวอย่าง ไม่รวมภาษี อะไหล่ หรือค่าใช้จ่ายอื่น สูตรขนส่ง (40 + น้ำหนักกก. × 12) × ตัวคูณบริการ; สูตรงานซ่อม ราคาต่อจุด × จำนวนจุด ต้องเปลี่ยนสูตรตามธุรกิจจริง

## ตรวจสอบก่อนเผยแพร่
เปลี่ยนข้อมูลตัวอย่าง ช่องทางติดต่อ นโยบาย และสิทธิ์ในเนื้อหาที่เพิ่ม ทดสอบมือถือ/เบราว์เซอร์เป้าหมายและการส่งข้อมูลจริงหลังเชื่อม backend
ตรวจโครงสร้างไฟล์และไวยากรณ์ในขั้นตอนจัดทำแล้ว ไม่มีการรับรองว่าทดสอบบนอุปกรณ์ทุกชนิด

## สิทธิ์ใช้งาน
ดู LICENSE.txt ใช้เชิงพาณิชย์และปรับแต่งเพื่องานลูกค้าได้ โค้ดใช้ MIT; ภาพประกอบ AI ที่รวมอนุญาตให้ใช้และปรับแต่งร่วมกับงานของคุณ ไม่มีการรับรองสิทธิ์ผูกขาดหรือเครื่องหมายการค้าของชื่อสาธิต