공통 헤더
페이지 간 이동이 가능한 고정 헤더. 스크롤 시 살짝 떠오릅니다.
기본 구성
“기본적인 웹사이트”에 필요한 최소 요소를 넣었습니다. 필요한 만큼만 확장하세요.
깔끔한 타이포
CSS 변수로 톤을 관리합니다. 색, 간격, 라운딩을 한 번에 조정.
작은 JS
메뉴 토글, 토스트 알림, 현재 페이지 하이라이트 정도만.
간단한 폼
Contact 페이지에 기본 폼과 프론트엔드 검증 샘플이 포함됩니다.
파일 구조
단순한 정적 사이트 구조입니다. 그대로 복사해서 시작하기 좋습니다.
marathon/
index.html
about.html
contact.html
assets/
css/
styles.css
js/
main.js
img/
favicon.svg
댓글
Disqus로 댓글을 남길 수 있습니다.