📸 풀페이지 미리보기 (PC · 모바일)

1. index.html — 메인 (Hero + 6개 클래스 + 메소드)

2. classes.html — 클래스 상세

3. schedule.html — 7일 탭 스케줄 + 예약

4. trainers.html — 트레이너 프로필

5. pricing.html — 3단 멤버십 + PT 패키지

6. contact.html — 자유체험 신청

PulseFit — 부티크 짐 / 피트니스 스튜디오를 위한 6페이지 템플릿

부티크 짐, 크로스핏 박스, 필라테스 스튜디오, 요가원, PT 샵을 위한 다크 모드 HTML 템플릿입니다. 다크 베이스(#0e0f12) + 네온 라임(#d4ff3a) 액센트 + Anton(Impact) 디스플레이 폰트로 강렬한 운동 브랜드 정체성을 전달합니다.

구성된 페이지 (6종)

• index.html — Hero (SHOW UP. GET STRONG. REPEAT.) · 통계 · 6개 클래스 · 4대 메소드
• classes.html — 6개 클래스 상세 (강도 표시 막대 + 메타)
• schedule.html — 7일 탭 + 시간/클래스/코치/예약 버튼 (JS 탭 전환)
• trainers.html — 4명 시니어 코치 + 자격증 + 전문분야
• pricing.html — 3단 멤버십 (Drop-in/8x/Unlimited) + PT 1/5/10 팩 + FAQ
• contact.html — 자유체험 신청 폼 (목표 + 경력) + 위치 + 시간

핵심 특징

• Anton 폰트 — 운동 브랜드 표준 컴팩트 디스플레이 폰트
• 네온 라임 액센트 — #d4ff3a 단일 액센트로 강렬한 정체성
• 강도 표시 막대 — 클래스마다 5단계 강도 시각화
• 일별 스케줄 탭 — JS 탭 전환으로 7일 스케줄
• 가격 비교 — Drop-in/8x/Unlimited 3단 + Featured 강조
• PT 패키지 — 1/5/10 세션 묶음 할인
• 완전 반응형 — 모바일에서 스케줄 행이 자동 재정렬

사용 기술

• Bootstrap 5.3 + Bootstrap Icons
• Anton + Inter (Google Fonts)
• Pure CSS variables · Vanilla JS (탭 전환 + 폼 검증)

이런 분께 추천

• 부티크 짐 · CrossFit 박스
• PT 샵 · 1대1 코칭
• 필라테스 · 요가 스튜디오
• 복싱장 · 무에타이 짐
• 러닝 클럽 · 사이클링 스튜디오

커스터마이즈

--pf-accent: #d4ff3a;   /* 네온 라임 */
--pf-bg: #0e0f12;       /* 다크 베이스 */

라이선스

단일 도메인 라이선스 — 1개 도메인 무제한 사용.