https://www.kidora.com.tw/custom_140089.html
合作邀約與講座，請點我
合作邀約與講座，請點我
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--cream: #f5f1ed;
--gold: #d4a574;
--dark: #2c2416;
--light-gray: #e8e4df;
--accent-gold: #c8956a;
}
body {
font-family: 'Crimson Text', 'Georgia', serif;
background: linear-gradient(135deg, var(--cream) 0%, #faf7f3 100%);
color: var(--dark);
line-height: 1.8;
}
/* Header Section */
.header {
padding: 60px 40px;
text-align: center;
border-bottom: 2px solid var(--light-gray);
}
.header h1 {
font-size: 3.2rem;
margin-bottom: 12px;
font-weight: 400;
letter-spacing: 2px;
color: var(--dark);
}
.header .subtitle {
font-size: 1.3rem;
color: var(--accent-gold);
font-weight: 300;
margin-bottom: 20px;
}
.intro-line {
font-size: 1.05rem;
color: #5a5047;
margin-top: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
/* Navigation Section */
.nav-tabs {
display: flex;
justify-content: center;
gap: 15px;
padding: 40px 20px;
flex-wrap: wrap;
background: rgba(255, 255, 255, 0.6);
border-bottom: 1px solid var(--light-gray);
}
.nav-tabs button {
padding: 12px 24px;
border: 2px solid var(--gold);
background: white;
color: var(--dark);
cursor: pointer;
font-size: 1rem;
font-family: 'Crimson Text', serif;
font-weight: 500;
transition: all 0.3s ease;
}
.nav-tabs button:hover,
.nav-tabs button.active {
background: var(--gold);
color: white;
transform: translateY(-2px);
}
/* Main Content */
.container {
max-width: 900px;
margin: 0 auto;
padding: 60px 40px;
}
.content-section {
display: none;
animation: fadeIn 0.6s ease-in;
}
.content-section.active {
display: block;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Introduction Section */
.intro-section {
background: white;
padding: 40px;
border-radius: 12px;
margin-bottom: 40px;
border-left: 5px solid var(--gold);
box-shadow: 0 2px 12px rgba(212, 165, 116, 0.08);
}
.intro-section h2 {
font-size: 2rem;
margin-bottom: 20px;
color: var(--dark);
font-weight: 400;
}
.intro-section p {
font-size: 1.1rem;
margin-bottom: 18px;
color: #5a5047;
line-height: 1.9;
}
.intro-section .highlight {
color: var(--accent-gold);
font-weight: 600;
}
.divider {
width: 60px;
height: 2px;
background: var(--gold);
margin: 30px auto;
}
/* Plan Cards */
.plan-card {
background: white;
padding: 40px;
border-radius: 8px;
border: 1px solid var(--light-gray);
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(44, 36, 22, 0.05);
}
.plan-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(212, 165, 116, 0.12);
border-color: var(--gold);
}
.plan-card .plan-title {
font-size: 1.5rem;
color: var(--dark);
margin-bottom: 3px;
font-weight: 500;
}
.plan-card .plan-emoji {
font-size: 1.2rem;
margin-right: 8px;
}
.plan-card .plan-subtitle {
color: var(--accent-gold);
font-size: 0.95rem;
margin-bottom: 25px;
font-weight: 400;
}
.plan-card .plan-desc {
font-size: 1.05rem;
color: #5a5047;
line-height: 1.8;
margin-bottom: 20px;
}
.plan-card .benefits {
background: rgba(212, 165, 116, 0.05);
padding: 20px;
border-left: 3px solid var(--gold);
border-radius: 4px;
}
.plan-card .benefits h4 {
font-size: 0.95rem;
font-weight: 600;
color: var(--dark);
margin-bottom: 10px;
}
.plan-card .benefits p {
font-size: 0.95rem;
color: #5a5047;
line-height: 1.7;
}
/* Why Choose Section */
.why-section {
background: linear-gradient(135deg, rgba(212, 165, 116, 0.08) 0%, rgba(212, 165, 116, 0.04) 100%);
padding: 40px;
border-radius: 8px;
margin-bottom: 40px;
}
.why-section h3 {
font-size: 1.6rem;
margin-bottom: 30px;
color: var(--dark);
font-weight: 400;
text-align: center;
}
.why-grid {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.why-item {
padding: 20px;
background: white;
border-radius: 6px;
border-left: 4px solid var(--gold);
}
.why-item strong {
color: var(--accent-gold);
display: block;
margin-bottom: 8px;
font-size: 1.05rem;
}
.why-item p {
color: #5a5047;
font-size: 0.95rem;
line-height: 1.7;
}
/* CTA Section */
.cta-section {
background: var(--gold);
color: white;
padding: 50px 40px;
border-radius: 8px;
text-align: center;
margin: 50px 0;
}
.cta-section h3 {
font-size: 1.8rem;
margin-bottom: 20px;
font-weight: 400;
}
.cta-section p {
font-size: 1.05rem;
margin-bottom: 30px;
line-height: 1.8;
}
.cta-button {
display: inline-block;
background: white;
color: var(--gold);
padding: 14px 32px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 1.05rem;
transition: all 0.3s ease;
border: none;
cursor: pointer;
font-family: 'Crimson Text', serif;
}
.cta-button:hover {
transform: scale(1.05);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/* Footer */
footer {
text-align: center;
padding: 30px 20px;
color: #8b7d6f;
font-size: 0.9rem;
border-top: 1px solid var(--light-gray);
background: rgba(255, 255, 255, 0.6);
}
/* Responsive */
@media (max-width: 768px) {
.header h1 {
font-size: 2.2rem;
}
.container {
padding: 40px 20px;
}
.plan-card {
padding: 25px;
}
.cta-section {
padding: 40px 20px;
}
.nav-tabs {
gap: 10px;
padding: 30px 15px;
}
.nav-tabs button {
padding: 10px 18px;
font-size: 0.9rem;
}
}
和Kidora一起
為孩子的成長留下美好回憶
嗨，我是Jamie（潔咪老師）
關於我們 講座系列 企業培訓課程 異業品牌合作 為什麼選擇
Kidora初心儀式
在Kidora，我們相信每一個孩子的成長時刻都值得被記錄得漂漂亮亮
我用15年規劃質感儀式，有超過22,000位社群追蹤者追蹤我們的系列分享，希望把孩子的成長儀式變得更溫暖、更有感
現在，我們想邀請你一起來做這件事
我們有三種合作方式，點擊上方的分類標籤了解更多
寶寶成長第一年儀式講座
適合月子中心 / 婦幼醫院 / 媽媽寶寶選品品牌 / 親子餐廳
專為新手爸媽規劃的系列講座，幫助他們在孩子成長的每一個重要時刻留下回憶
為你帶來的價值
提升服務滿意度、建立品牌形象、增強客戶黏著度
企業儀式感服務培訓
適合攝影棚 / 派對佈置 / 飯店餐飲 / 托嬰中心
將15年實戰經驗系統化，協助企業建立專業的儀式引導體系，提升服務品質與客單價
為你帶來的價值
員工專業形象提升、服務差異化競爭、客單價優化、品牌專業度強化
✨異業品牌聯名合作
適合高端童裝 / 兒童家具 / 攝影師 / 活動企劃
透過聯名合作與社群推廣，精準對接追求質感的家長客群，創造具有故事性的品牌聲量。
為你帶來的價值
精準客群接觸、品牌形象提升、社群曝光機會、長期合作可能性
為什麼選擇Kidora？
✅15年專業背書
深厚的儀式規劃經驗，懂得家庭需求與客戶溝通
✅22,000+社群影響力
真實追蹤者基礎，與在乎品質的家長建立信任關係
✅認證師資團隊
擁有專業的認證講師團隊，確保穩定的服務品質
✅社會責任承諾
每年與兒童福利單位合作，用實際經驗為更多孩子留下溫度
聯絡我們吧
歡迎透過LINE與我們開啟合作對話。我們會根據你的需求，準備專屬的合作方案
LINE官方帳號
期待和你一起，為孩子的成長寫下最動人的詩篇
本網頁所載之服務系列與內容之著作權歸Kidora所有，未經授權請勿轉載。
// Tab Navigation
const tabBtns = document.querySelectorAll('.tab-btn');
const contentSections = document.querySelectorAll('.content-section');
tabBtns.forEach(btn => {
btn.addEventListener('click', () => {
tabBtns.forEach(b => b.classList.remove('active'));
contentSections.forEach(section => section.classList.remove('active'));
btn.classList.add('active');
const tabName = btn.getAttribute('data-tab');
document.getElementById(tabName).classList.add('active');
});
});
https://www.kidora.com.tw/
初心儀式Kidora
